1. 1. 강의개요 29분

2. 2. 학습환경 - 에디터 종류 및 다운 설치 17분

3. 3. 비주얼스튜디오 코드 기본 사용법1 25분

4. 4. 비주얼스튜디오 코드 기본 사용법2 11분

5. 5. Emmet Abbrebiation 활용1 20분

6. 6. Emmet Abbrebiation 활용2 27분

7. 7. Emmet Abbrebiation 활용3 11분

8. 8. Emmet Abbrebiation 활용4 - class id 삽입, 숫자 자동 증가, 주석 처리, 세로 멀티 선택 28분

9. 9. 탭 간격 조정 및 공백 변경 22분

10. 10. 옵션 설정 초기화 및 기본 제공되는 HTML5 템플릿 디자인 변경하기 29분

11. 11. 커스텀 템플릿에 수정할 커서위치 적용, 드래그 폴더 열기, 행간 자간 조정, 줄번호 미니맵 표시 27분

12. 12. 리액트 설치1 24분

13. 13. 리액트 설치2 16분

14. 14. 리액트 설치3 - 개발 서버 스타트 및 리액트 앱 디렉토리 삭제 17분

15. 15. 리액트 App 웹사이트 폴더 구조 및 주요 구성 파일들 29분

16. 16. 주요 리액트 파일 3가지 26분

17. 17. 불필요한 파일과 코드 삭제 및 컴포넌트 기본 작성 규칙 26분

18. 18. 리액트 파일구조 및 소스코드 분석1 24분

19. 19. 리액트 파일구조 및 소스코드 분석2 18분

20. 20. 리액트 파일구조 및 소스코드 분석3 24분