자바스크립트 공부 정리

사용한 기술 스택들:

 

html에 자바스크립트 코드를 작성하고 싶으면 <script> 태그 안에 넣는다

 

<input> 태그에서 on~ attribute는 javascript 코드를 이벤트가 트리거 될 때 실행시켜 준다

 

F12를 눌러 console로 들어가서 javascript 코드를 임의로 실행시킬 수 있다

 

HTML style attribute를 사용하면 css를 적용할 수 있다.

 

<div>: 아무 의미도 없지만 자바스크립트로 그 태그를 제어하고 싶을 때 사용한다. 줄 바꿈이 됨

<span>: div와 같지만 줄 바꿈이 없음

 

HTML class attribute를 사용하면 한 번에 그 클래스를 가진 태그를 제어할 수 있다. (css앞에 .을 붙인다)

 

HTML id attribute를 사용하면 한번에 그 아이디를 가진 태그를 제어 할 수 있다. (css 앞에 #를 붙인다)

- id는 유니크하기 때문에 클래스와 다르게 한 번만 사용해야 한다

 

javascript에서 querySelector으로 지정해서 불러오기 가능

 

querySelectorAll을 쓰면 모든 것을 array로 불러온다

 

자바스크립트에서 ===는 파이썬에서의 ==와 동치

 

this: 자바스크립트에서 자기 자신을 가르키는 변수

 

<script>에서 src를 사용하면 같은 자바스크립트 코드를 다양한 페이지에서 사용할 수 있다 (전체에 동일한 코드 변경 가능)

 

라이브러리: 부품을 가져오는 느낌

프레임워크: 반제품을 가져오는 느낌

 

 

 

WEB2 - JavaScript - 생활코딩 (opentutorials.org)

WEB2 - JavaScript - 생활코딩