초보가 왕초보를 가르치기 위해서는
초보기 때문에 가지고 있는 지식을 다시 한번 정리하는 시간이 필요했다.
그래서 내가 아는 지식 중
어떤 것을 중점으로 전달하면 좋을지 커리큘럼을 먼저 고민해 보았다.
1주차
: 기초 다지기
1. API와 REST API 소개
API 기본 개념
REST API 이해하기
Fetch API 사용법
Fetch API로 HTTP 요청하기
비동기 프로그래밍 기초
2. 실습 준비
실습 프로젝트 개요
필요한 도구와 자료 준비
프로젝트 설정 및 API 키 등록
프로젝트 구조 설정
공공 API 사이트에서 API 키 등록
날씨 정보 가져오기
선택한 API 문서 읽기
Fetch API를 사용하여 날씨 데이터 요청 및 응답 처리
데이터 파싱 및 화면에 표시
응답 데이터에서 필요한 정보 추출
추출한 정보를 웹 페이지에 동적으로 표시
3. 에러 핸들링 및 디버깅
오류 처리 방법
개발자 도구를 사용한 디버깅 기술
2주차
: 리팩토링/배포 하기
4. 사용자 인터페이스 개선
사용자 경험 개선을 위한 디자인 원칙
CSS와 JavaScript를 사용한 동적 UI 요소 추가
애플리케이션 리팩토링
코드 구조 개선
모듈화 및 컴포넌트 기반 개발
5. 상태 관리
애플리케이션 상태 관리의 중요성
간단한 상태 관리 패턴 구현
6. 테스트 및 배포
기본적인 프론트엔드 테스트 소개
GitHub Pages를 사용한 배포
7. 마무리 및 실전 연습
추가 기능 구현
사용자 위치 기반 날씨 정보 표시
다른 API와의 통합 (예: 공기질 지수)
최종 리뷰 및 개선
8. 코드 리뷰
성능 및 접근성 개선
프로젝트 발표
개인별 진로 상담 및 피드백
크게 8개 파트로 나누어 커리큘럼을 짜 보았고,
따라와 주시는 것에 따라 다르겠지만 최대한 내가 알고 있는 정보들과
내가 했던 고민들을 정리해서 잘 전달해 드리고 싶다.
1주차 에서는
- 디자이너와의 협업을 경험하고자 Figma 에 관한 내용들도 함께 전달 하고자 하고
- 백엔드와의 협업을 위해 공공 API를 받아와 적용해보는 실습을 진행하고자 한다.
2주차는
- 내가 가진 나름의 에러 해결법과
- 배포를 경험하면서 실제 서비스를 어떻게 관리할 수 있는지 전달해 드리고자 한다.
ㅎㅎ 아직 3일차지만 같이 코드를 보면서 스스로 부족한 부분을 배우고
트러블 슈팅을 해 나가는 연습을 할 수 있어서 나에게도 큰 도움이 된다.
그리고 무엇보다 재미있다
