#2.0

Our First HTML File

• VS Code에서 폴더를 만들고 주의할점은 생성된 폴더 안에서 파일을 생성해야 된다는 것이다.
• 폴더 및 파일명을 소문자로 작성해야한다.
• 파일명 옆에 동그란 표시는 저장이 안되어있다는 뜻이다.

#2.1

Setup and Errors

• VSC(VS Code)는 텍스트 편집기다. 단지 텍스트 편집기이기 때문에 웹사이트를 만들기위해 VSC가 꼭 필요한 사항이 아니다.
• 개발자들이 VSC를 사용하는 이유는 좋은 확장프로그램을 가지고 있기 때문이다.

확장프로그램

• 얼마나 코딩을 했는지 시간을 알려주는 기능 : WakaTime

• VSC의 색상 테마를 정해주는 기능 : Community Material Theme

• 아이콘을 앙증맞게 변환해주는 기능 : Material Icon Theme

• 잘못된 코드가 있으면 저장이나 디버깅이 안돼게 해주는 기능 : Prettier

  설정에서 검색창에 다음과 같이 설정한다.

  • editor : format on Save를 검색하고 Check표시한다.
  • editor.defaultFormatter를 Prettier - Code formatter로 설정한다.

• 브라우저는 HTML 파일에 에러를 표시해 주지 않는다. 그래서 VSC에서 그러한 에러를 확인하여 완벽하게 편집할 수 있다.

  잘못 작성된 코드는 브라우저는 표시하지 않아 사용자는 코드의 오류를 볼 수 없다.

#2.2

Our FirstHTML Tag