웹언어와 VS Code

01 웹언어

1-1) 프론트엔드

• 웹 및 모바일의 사용자 인터페이스(UI)와 사용자 경험(UX)을 제작합니다.

• html
  : 글자, 이미지 등의 웹컨텐츠를 담고 페이지 간의 연결을 하는 언어입니다.

• css
  : 웹컨텐츠를 꾸며주는 언어입니다.

• javascript
  : 웹컨텐츠를 동적으로 만들어주는 언어입니다.

1-2) 백엔드

• 데이터를 저장하고 관리합니다.

• 서버 언어
  : php, python, java 등

• DB 언어
  : MySQL, Oracle 등

---

02 브라우저

• 브라우저는 웹 문서를 화면에 표시하는 소프트웨어입니다.

• ex) Edge, Chrome, FireFox, Safari 등

---

03 VS Code

3-1) 정의

• 코딩 편집용 프로그램인 코딩 에디터입니다.

• vscode 홈페이지에서 다운로드 받아 설치합니다.

3-2) 확장 프로그램

• Korean Language Pack for Visual Stdudio Code
  : Visual Studio Code 한국어팩입니다.

• Material Icon Theme
  : 파일들을 Material Icon 으로 표시해줍니다.

• Auto Rename Tag
  : 태그 이름을 바꾸면 쌍을 이루는 태그 이름도 자동으로 변경됩니다.

• CSS Peek
  : html 요소에 어떤 css 가 적용되었는지 확인할 수 있습니다.

• HTML CSS Support
  : css 파일에서 정의한 class 나 id 값을 html 파일에서 자동완성 기능을 제공해줍니다.

• Live Server
  : 실시간 라이브로 작성한 코드를 확인할 수 있습니다.

3-3) 단축키

명령	단축키
새문서 만들기	ctrl + n
저장하기	ctrl + s
행 복사하기	alt + shift + ↓
주석	ctrl + /
행블록 선택하기	alft + shift + 드래그
환경설정	ctrl + ,