반응형 Javascript51 Alert창 버튼 클릭으로 띄우기(ft. modal, 모달, 팝업) 웹 사이트를 운영하다보면, 방문객들에게 이런 저런 안내가 필요해집니다. 아주 아주 예전에는 '팝업창'이라는 형식으로 사실상 브라우저 창을 작은 크기로 새로 띄우는 방식을 이용하곤 했었지만(← 요즘 시대에서는 공부할 필요 없는 내용) 최근 웹환경에서는 브라우저 창을 새로 띄우는 팝업은 보안취약 등의 이유로 거의 사용하지 않습니다. 요즘은 보통 Modal 이라고 부릅니다. Javascript로 Alert 띄우기 자바스크립트로 띄우는 브라우저에 기본 내장되어 있는 Alert은 모양이 별로 예쁘지 않습니다. 그래서 주로 개발자들이 테스트를 위해서 주로 사용하고, 웹사이트 방문객들에게 보여질 내용은 보통 그렇게 띄우지 않습니다. 크롬 개발자모드(F12) → Console 창에 다음과 같이 타이핑하고 Enter를 .. 2022. 12. 31. Javascript의 변수 선언: var, let, const는 서로 어떻게 다를까? var ? let ? const? 차이가 뭘까? 다른 사람들이 짜 놓은 자바스크립트 코드를 살펴보자면, 변수를 선언할 때 var를 쓰는 사람도 있고, let을 쓰는 사람도 있고, const를 쓰는 사람들도 있습니다. 물론 만들어진 목적에 맞게 잘 사용하는 사람도 있고, 습관처럼 그냥 사용하는 사람들도 있을 겁니다. 그래도 뭐 이참에 그 차이를 명확하게 잘 이해하고 적시적소에 잘 사용하는 게 바람직하겠죠? 선언, 할당 그리고 범위 우선 '변수(Variable)'이라는 것에는 선언, 할당, 범위라는 개념이 있습니다. var를 예로 들자면 var number; // 변수명만 써주면 '선언' number = 1 // 값을 넣어주면 '할당' var number = 1; // 선언과 동시에 할당하는 것도 가능. 나.. 2022. 12. 30. getElementById를 쓸까, querySelector를 쓸까? getElementById ? querySelector ? Javascript에서 이 두 가지 함수는 서로 비슷한 동작결과를 수행합니다. 지금도 저는 초보지만 더 꼬꼬마이던 시절에는, 도대체 왜 저 두 함수는 비슷한 기능을 하는데 어떻게 구분해서 사용을 하는 것인지 무척 궁금했더랬습니다. 전문 개발자들은 저 2가지 함수 중에 어떤 것이 더 낫다!라고 분석하고 심지어 의견을 다투기도 합니다. 뭐.. 그건 전문가들의 영역에서 발생하는 것이라 생각해두고, 저는 초보자에게는 편리하고 직관적인 것이 더 좋다고 생각합니다. 그래서 결론부터 말하자면, querySelector()를 사용하는 게, 초보자라면 Javascript를 공부하고 이해하고 활용하는 데 더 효과적일 수 있겠다고 생각합니다. 왜냐구요? 쉽고 간결하.. 2022. 12. 27. Javascript 완전 기초 - 자바스크립트는 무엇에 쓰는 물건인고? 우리집 아이들이 언제가 이 포스팅을 보게 되는 경우를 생각해서, 아주 기초적인 내용을 정리해 놓습니다.^^ 너무 기초적인 내용이니, Web에 익숙한 분들은 스킵하셔도 되는 내용들입니다. Javascript는 무얼 위해 만들어진 프로그래밍 언어일까? Javascript는 일단 Java 언어와는 전혀 다른 프로그래밍 언어입니다. 이건 아주 상식적인 내용이죠. 자바스크립트는 "웹 브라우저"를 위해서 만들어진 언어입니다. 초창기의 Web은 정적인(Static) HTML 페이지들로 이루어져 있었는데, 인터넷이 점점 발전하게 되면서 동적인 기능들이 필요해졌기 때문입니다. 그래서 때는 바야흐로 1995년, 브라우저 시장을 꽉 잡고 있던 Netscape 사의 '브랜든 아이크'라는 아저씨가 10일만에 천지창조를 하듯 만.. 2022. 12. 25. 이전 1 ··· 7 8 9 10 11 12 13 다음 반응형
