프로그램을 설치하자
1. 비주얼 스튜디오 VS
2. 비주얼 스튜디오 확장프로그램에서 Debugger for Chrome 설치
3. NodeJS 설치 (nodejs 사이트에서 설치)
- 최신 버전을 설치했다가 뭔가 잘 되지 않아 삭제하고 안정화 버전으로 재설치했다.
4. Parcel 설치(Parcel 웹사이트에서 설치) npm: 설치
https://ko.parceljs.org/getting_started.html
npm install -g parcel-bundler5. TypeScript 설치(TypeScript 사이트에서 설치) npm 으로 설치
npm install -g typescript지금 쓰는 자바스크립트는 ecmascript 2015이며, 다양한 기기에서 구동할 수 있도록 구버전인 5.0버전으로 변환하여 웹브라우저에서 동작시킴
CSS를 참조하려면
- tab으로 들여쓰기를 할 수 있고, shift+tab으로 내어쓰기를 할 수 있다.
- 크롬에서 F12를 눌러 개발자 도구에 들어갈 수 있다. element와 console 창을 확인할 수 있다.
- html에서 태그 사이에 태그를 또 넣을 수 있다. 이를 부모/자식 관계로 설정한다. 그걸 넘어서면 조상/후손 관계로 설정한다.
- <meta>, <link>, <img>처럼 닫히는 태그가 필요 없는 태그를 빈 태그(empty tag)라고 부른다. <meta />, <link />처럼 열면서 바로 닫아주는 문법을 사용할 수도 있다. (보다 엄격한 문법이다)
- 태그는 성격에 따라 블록요소와 인라인요소가 있음. <div>는 블록요소, <span>은 인라인요소
- <div style="margin: 10px"></div>, margin은 외부여백, padding은 내부여백
- 구글 폰트 google fonts https://fonts.google.com/?subset=korean
- 구글 아이콘 https://fonts.google.com/icons