코코아클론코딩 2

[vscode] VScode에 Prettier 깔고 적용하기

Visual Studio Code를 이용하는 노마드코더 클론 코딩 강의에서 니꼬쌤이 추천하는 코드 수정기(?)가 있다. 이름은 Prettier. 이 친구다. Visual Studio Code 좌측에서 블록 네개로 된 아이콘 딱 봐도 앱스토어처럼 생긴 것을 클릭하고 Prettier 라고 검색하면 나온다. 거기서 install 클릭해서 다운 받기. 이걸 적용하려면 두가지 설정이 아래와 같이 되어있어야 한다. (첫번째만 설정만 해서 적용되는 경우도 있고, 두번째 설정까지 해야 적용되는 경우도 있는 듯) 1. 좌측 하단 설정 아이콘 > settings > editor 검색 > format on save 활성화 2. default formatter 검색 > esbenp.prettier-vscode 선택 위 두 가..

[html/css] HTML, CSS, JS 란?

HTML: HyperText Markup Language 웹브라우저에게 보여주는 contents와 links의 모음. 아래와 같은 구조다. 내용 //필수, HTML파일임을 나타냄. // 설정부분, 검색엔진을 위해 작성, invisible. // visible. CSS: Cascading Style Sheets HTML의 디자인을 담당하는 것으로, HTML과 함께 사용해야한다. cascading, 즉 위에서 아래의 순서대로 적용이 된다. 코드의 순서가 영향을 미친다는 말! 1) inline으로 HTML내에 작성하기 2) external로 작성하기 - 이 방법을 추천한다 (1번은 html 코드 파일이 너무 길어지기 때문!) CSS파일은 아래와 같은 구조다. selector { attribute: value;..