[생활코딩 JavaScript] 시작

국비 과정 파이널 프로젝트 시작 전, 자바스크립트를 많이 놓친 거 같아 처음부터 다시 공부하기로 했다.

자바스크립트를 모르니 이전 프로젝트할 때 Ajax 통신을 하는 게 이해도 안되고.. 문법도 하나도 눈에 안 들어오고..

그런데 웹 사이트 하나를 만드려니 Ajax가 필요한 곳이 너무 많았다.😭

심화적인건 프로젝트 하면서 깨고 부서지는 걸로 하고...

지금은 기초적인 것만 다져보자!!! 기초가 안되면 다 무너지니까!💪👊

나같이 노베이스 비전공자 분들이 이해하기 쉽게 블로그 작성을 할 계획이다😊 (매우 주관적)

(왜냐하면 미래의 내가 정말 하나도 기억못하는 멍청이 일테니까..)

 

---

 

💡 웹 브라우저는 한 번 출력되면 자기 자신을 바꿀 수 있는 능력이 없다!
그것을 해주는 것이 JavaScript 이다

 

 

각 홈페이지에서 마우스 오른쪽 버튼을 누르면 '검사'라는 항목이 있을 것이다.

 

 

검사를 통해 나온 탭에서 Elements 는 '태그'라는 뜻이다.

웹 페이지를 구성하는 HTML 태그들을 볼 수 있다.

 

 

홈페이지의 night와 day 버튼을 클릭하면 body 태그의 style 값이 바뀐다.

 

 

HTML 설명서에 의하면, onclick이라는 속성의 값으로는 자바스크립트가  와야한다고 한다.

document.querySelector ~~ 부분이 자바스크립트 코드인데

해석하자면,

" 사용자가 onclick 속성이 있는 버튼을 클릭했을 때, 자바스크립트 코드를 실행시킬 것이다 "

라는 뜻이다.

 

---

 

📝 정리 ❗

 

1. 자바스크립트는 사용자와 상호작용을 하는 언어이다.

 

2. 웹 브라우저는 한 번 화면에 출력되면 자기 자신을 바꿀 수 없다

 

3. JavaScript가 HTML을 제어하는 언어이다.

➡ 웹 페이지를 훨씬 동적으로, 다이나믹하게 만들어 주는 특성을 웹 페이지에게 부여하는 개념