본인의 운영체제가 맞는지 확인하고,
맞다면 빨간색 영역의 버튼을 아니라면 하얀색 영역의 버튼을 눌러 운영체제에 맞게 설치 합니다.
Extensions
vscode 사용을 도와주는 확장 모듈입니다.
아래에서 함께 설치해보도록 하겠습니다.
-
extension을 설치하는 곳은 아래 블록 모양입니다.
-
아래 extension들을 차례로 설치해줍니다.
이미 설치가 되어있다면 위와 같이 사용안함 제거가 뜨겠지만, 그렇지 않다면 설치가 뜰 것 입니다.
설치를 눌러 설치해주세요!
- Auto Rename Tag : HTML 태그 수정 시 시작태그와 종료태그를 자동으로 함께 수정해주는 모듈
- Code Spell Checker : 사전에 없거나 자주 사용되지 않는 단어가 사용되면 경고해주는 모듈
- Error lens : 문제가 있는 부분을 직관적으로 알려주는 모듈
- Live sever : html을 작성할 때 변경된 점을 바로 확일 할 수 있도록 도와주는 모듈
🌿 컴퓨터 기본지식(CS지식)
확장자
.txt / .jpg
확장자란 컴퓨터가 해당 파일이 어떤 파일 형식인지 알려주는 정보입니다.
만일 확장자를 알려주지 않게 된다면 컴퓨터는 해당파일이 HTML파일인지 CSS파일인지 알지 못하게됩니다.
부모, 자식, 형제 관계
- 부모/ 자식 관계 : 상위폴더가 하위 폴더를 담고 있는 형태
- 형제 관계 : 폴더나 파일이 같은 Depth에 위치한 형태자식폴더와 자식폴더2는 형제관계 이며, 부모폴더와 자식폴더들은 부모자식관계 입니다.