[생활코딩 JavaScript] 시작
국비 과정 파이널 프로젝트 시작 전, 자바스크립트를 많이 놓친 거 같아 처음부터 다시 공부하기로 했다.
자바스크립트를 모르니 이전 프로젝트할 때 Ajax 통신을 하는 게 이해도 안되고.. 문법도 하나도 눈에 안 들어오고..
그런데 웹 사이트 하나를 만드려니 Ajax가 필요한 곳이 너무 많았다.😭
심화적인건 프로젝트 하면서 깨고 부서지는 걸로 하고...
지금은 기초적인 것만 다져보자!!! 기초가 안되면 다 무너지니까!💪👊
나같이 노베이스 비전공자 분들이 이해하기 쉽게 블로그 작성을 할 계획이다😊 (매우 주관적)
(왜냐하면 미래의 내가 정말 하나도 기억못하는 멍청이 일테니까..)
💡 웹 브라우저는 한 번 출력되면 자기 자신을 바꿀 수 있는 능력이 없다!
그것을 해주는 것이 JavaScript 이다
각 홈페이지에서 마우스 오른쪽 버튼을 누르면 '검사'라는 항목이 있을 것이다.
검사를 통해 나온 탭에서 Elements 는 '태그'라는 뜻이다.
웹 페이지를 구성하는 HTML 태그들을 볼 수 있다.
홈페이지의 night와 day 버튼을 클릭하면 body 태그의 style 값이 바뀐다.
HTML 설명서에 의하면, onclick이라는 속성의 값으로는 자바스크립트가 와야한다고 한다.
document.querySelector ~~ 부분이 자바스크립트 코드인데
해석하자면,
" 사용자가 onclick 속성이 있는 버튼을 클릭했을 때, 자바스크립트 코드를 실행시킬 것이다 "
라는 뜻이다.
📝 정리 ❗
1. 자바스크립트는 사용자와 상호작용을 하는 언어이다.
2. 웹 브라우저는 한 번 화면에 출력되면 자기 자신을 바꿀 수 없다
3. JavaScript가 HTML을 제어하는 언어이다.
➡ 웹 페이지를 훨씬 동적으로, 다이나믹하게 만들어 주는 특성을 웹 페이지에게 부여하는 개념