Day 6 강의 영상
유튜브 추천 강의
Day 6 커리큘럼 핵심 주제(HTML/CSS/JS 구현, API 연동, 데이터 바인딩, 비동기 프로그래밍, 에러 핸들링)에 해당하는 유튜브 추천 강의 리스트입니다. (외부 퍼가기 및 재생이 허용된 무료 강의 영상으로 구성되었습니다.)
📚 전체 강의 목록 (5개)
-
1. Learn JavaScript - Full Course for Beginners (freeCodeCamp)3:26:42
-
2. WEB3 - Ajax 수업 소개 (생활코딩)6:20
-
3. WEB3 - Ajax fetch API 사용법 (생활코딩)8:10
-
4. JavaScript - jQuery Ajax 소개 (생활코딩)7:45
-
5. JavaScript DOM Manipulation – Full Course for Beginners (freeCodeCamp)2:15:30
핵심 요약 노트
Day 6 Summary오늘의 핵심 목표
Day 6에서는 Figma UI를 실제 서비스 화면으로 구현하고, fetch/AJAX 기반 API 연동을 통해 서버 데이터를 화면에 바인딩하며 로딩·에러·빈 상태까지 처리합니다.
- HTML/CSS/JS 웹 화면 구현: Figma 디자인을 시맨틱 HTML 태그와 CSS 스타일로 구현
- 반응형 레이아웃 설계: 미디어 쿼리(Media Query) 및 Flexbox/Grid 활용
- fetch API 기반 데이터 요청: fetch 및 async-await를 사용한 GET/POST API 호출
- 화면 데이터 바인딩 (Data Binding): 서버에서 받은 JSON 데이터를 DOM 요소에 적용
- 상태 처리 및 에러 핸들링: 데이터 로딩 중, 에러 발생, 빈 데이터 상태에 따른 화면 처리
학습 팁: 오른쪽 AI 챗봇에게 “async/await 문법을 사용해 fetch API 호출할 때 에러 처리는 어떻게 해?” 또는 “서버에서 받아온 JSON 리스트 데이터를 HTML 화면에 동적으로 뿌리는 방법은?” 같은 질문을 해보세요.