자바스크립트 4
자바스크립트 선택자 querySeletor
자바스크립트에서 요소를 어떻게 선택하는지 알아봅시다. 1. querySeletor document.querySelector("#main"); querySelector 도큐먼트. 즉, 브라우저 상의 요소. html의 요소를 선택할 때 document.querySelector( ) 괄호 안에 선택자를 입력하면 됩니다. 대소문자에 유의하여 적어주세요. - 선택자 선택자 이름 * 전체 선택자 # id 선택자 . class 선택자 선택자 종류 크게 이 세 가지 정도만 알아도 선택하는 데는 문제가 없을 겁니다. 선택자와 함께 본다면 위의 예시는 main이라는 id값을 가진 요소를 선택한다고 볼 수 있죠. - 2. 변수 선언 let main = document.querySelector("#main"); 변수 선언 꼭..
스파르타 코딩 클럽 후기 및 클릭하면 팝업창 나오게 하기
스파르타 코딩 클럽 내일 배움 카드를 이용해 강의를 듣고 있습니다. (팝업창 관련 내용은 바로 2번으로 가주세요.) 1. 스파르타 코딩 클럽 후기 https://spartacodingclub.kr/ 스파르타코딩클럽 왕초보 8주 완성! 웹/앱/게임 빠르게 배우고 내것을 만드세요! spartacodingclub.kr 스파르타 코딩 클럽 특별 관리 시스템 스파르타 전용 메타버스는 온라인 교실이라고 생각하시면 됩니다. 듣기 전에는 이게 뭐가 좋은 거지?라고 생각했는데 담당 매니저님이 매일 관리해주시고 같이 공부하시는 분들도 옆에 계신 느낌이라 강의를 더 열심히 듣게 됩니다. 온라인 강의에서 오프라인 강의 효과를 느낄 수 있죠. 인간은 생각보다 의지력이 약하기때문에 이런 반강제적인 시스템 온라인 수강생들에게 좋다..
[Javascript] 변수 범위
안녕하세요. 플입니다. 오늘은 변수 범위를 알아보겠습니다. 변수에 대해 궁금하시다면 아래 링크를 확인해주세요. https://ssimplay.tistory.com/54 [Javascript] 변수 설정하기 안녕하세요. 플입니다. 오늘은 변수를 설정해보겠습니다. ▷변수 변수란 쉽게 말해 새로운 이름을 지어주는 것입니다. 예를 들자면 줄임말과 같습니다. 최근엔 줄임말이 굉장히 많죠. '세젤귀'는 '세상에서 제일.. ssimplay.tistory.com ▷변수 범위 변수 범위에는 크게 두 가지 종류가 있습니다. 종류 설명 전역 범위 프로그램의 어디서든 사용할 수 있다 지역 범위 프로그램의 제한된 범위 안에서만 사용할 수 있다 두 가지의 범위가 어떻게 다른지 예시로 살펴보겠습니다. 1. 전체 코드 살펴보기 va..
[Javascript] 변수 설정하기
안녕하세요. 플입니다. 오늘은 변수를 설정해보겠습니다. ▷변수 변수란 쉽게 말해 새로운 이름을 지어주는 것입니다. 예를 들자면 줄임말과 같습니다. 최근엔 줄임말이 굉장히 많죠. '세젤귀'는 '세상에서 제일 귀여운'의 줄임말입니다. 여기서 '세젤귀'가 변수입니다. 세상에서 제일 귀엽다고 말해도 되지만 세젤귀라고 줄여 부르는 것이 빠르고 간편하게 말할 수 있죠. 변수 역시 빠르고 간편하게 코딩을 하기 위해 사용합니다. 1. var var 위의 코드를 참고해서 봐주세요. 우선 변수를 설정하기 전에 앞쪽에 var이라는 단어를 적어줍니다. var은 변수라는 의미의 영어단어 'variable'의 약자로 지금 적는 단어가 변수라는 것을 알려줍니다. var을 적지 않았을 때 오류가 발생하지는 않으나 코딩이 길어졌을 때..