[JS] 8장: 자바 스크립트 시작하기

개요

드디어 CSS 과정을 지나 JavaScript 학습을 시작했다. JavaScript는 이전에 가볍게 배운 경험이 있고, 다른 컴퓨터 언어도 다뤄본 적이 있어서 암기 위주였던 디자인 파트에 비해 더 수월하게 공부할 수 있을 것 같다. 이 책을 통해 학습을 시작하기 전에 Unity에서 UI 작업을 하던 것을 떠올리면, 코드로 모든 것을 제어하는 일이 골치 아픈 작업처럼 느껴지기도 했지만, 이제는 디자인을 넘어 웹 동작 구현을 배우게 되어 학습이 더욱 흥미로워질 것 같다.

자바스크립트 코드 작성 비법

html 파일과 자바스크립트 연결하기

내부 스크립트 방법 : <script> 태그 활용하여 그 안에 스크립트 작성하기

외부 스크립트 방법 : <script src="script.js"></script>를 통해 파일 경로로 불러오기

내부 스크립트를 html 내부에서 사용할 때는 반드시 body 요소의 종료 태그 전에 작성한다. 디자인을 사용자에게 보여야 하는 CSS와는 반대로, 당장 동작을 하지 않는 JS는 뒤로 미뤄서 작성한다.

JS 코드 실행하기

웹 작동과 별개로 자바스크립트 코드만 실행하고 싶다면 VSCode나 콘솔창을 활용하면 된다. 하지만 콘솔창은... 보통 불편하다.
이후 설명된 확장 프로그램은 이미 알고 있는 내용이라 생략한다.

마무리

6장의 분량이 생각보다 너무 많아 계속 진도가 밀려서 사실은 6장 후반부보다 8장을 먼저 진행하게 되었다. 7장은 그나마 길이가 짧았지만, 6장은 순암기에 가깝고 각종 기능이 압축되어 엄청나게 많이 들어있어 반절을 공부하는 데에도 어마어마한 시간을 쏟아부어야 했다.