home강의 홈으로

Section 0. 인트로

Lesson 3. 수강을 위한 환경 세팅

1. 브라우저 설치

☢️ 익스플로러 사용하지 말 것!

🎬 관련 얄코영상
웹 표준 지키는 브라우저 중심 강의

브라우저	설명	다운로드
Google Chrome	가장 널리 쓰이는 브라우저	👉 바로가기
Microsoft Edge	크로미움 기반, 더 가벼움	👉 바로가기
Mozilla Firefox	Flex, Grid에 유용	👉 바로가기

2. VS Code 설치

가장 인기있는 코드 에디터 중 하나입니다.

👉 https://code.visualstudio.com/

탭 사이즈 && 자동 줄바꿈 설정

VS Code 설정 창 열기
- 윈도우: Ctrl + ,
- 맥: Command + ,

Tab Size 항목 2로 설정

Word Wrap 항목 on으로 설정

플러그인 설치

플러그인	설명	비고
Korean Language Pack	에디터 한글화
Material Icon Theme	탐색기 아이콘 테마
One Dark Pro	에디터 색 테마
Live Server	새로고침 없이 코딩 중인 웹 업데이트
indent-rainbow	들여쓰기 색으로 구분
Bracket Pair Colorizer	여는 괄호와 닫는 괄호 짝 지어줌	내장 기능이 됨
Auto Rename Tag	여는 태그 수정시 닫는 태그도 자동수정

3. 온라인 에디터 (선택사항)

🤔얄코에게 질문하기질문은 반.드.시 이리로 보내주세요! ( 강의사이트 질문기능 ✖ )

강의에서 이해가 안 되거나 실습상 문제가 있는 부분,
설명이 잘못되었거나 미흡한 부분을 메일로 알려주세요!

답변드린 뒤 필요할 경우 본 페이지에
관련 내용을 추가/수정하도록 하겠습니다.

이메일 주소

yalco@yalco.kr

메일 제목 (반드시 아래 제목을 붙여넣어주세요!)

[질문] 제대로 파는 HTML & CSS (무료 파트) 0-3

🛑질문 전 필독!!

구글링을 먼저 해 주세요. 들어오는 질문의 절반 이상은 구글에 검색해 보면 1분 이내로 답을 찾을 수 있는 내용들입니다.
오류 메시지가 있을 경우 이를 구글에 복붙해서 검색해보면 대부분 짧은 시간 내 해결방법을 찾을 수 있습니다.
강의 페이지에 추가사항 등 놓친 부분이 없는지 확인해주세요. 자주 들어오는 질문은 페이지에 추가사항으로 업데이트됩니다.
"유료파트의 강의페이지는 어디 있나요?" - 각 영상의 시작부분 검은 화면마다 해당 챕터의 강의페이지 링크가 있습니다.
질문을 보내주실 때는 문제가 어떻게 발생했고 어떤 상황인지 등을 구체적으로 적어주세요. 스크린샷을 첨부해주시면 더욱 좋습니다.

⬇ 다음0-4. 🐰 HTML, CSS, JavaScript가 뭔가요?