Home - yeanjae0312/frontend-mission GitHub Wiki
안녕하세요, YeonJae의 멋사X에이블리 익스턴쉽 위키입니다.
🌻 1주차 daily
- 개발환경 설정 & Warm up
| 1week | day1 | day2 | day3 | day4 | day5 |
|---|---|---|---|---|---|
| - Vue 개발환경 세팅- Boilerplate코드 띄우기- 실시간으로 반영되는 input기능 추가 | - 텍스트 회전기능 추가- 알림창 띄우기 기능 추가 | - 테스트 코드 수정- 알림창 띄우기 기능 리팩토링 | - 발표영상 제작 | 과제 제출 |
🌻 2주차 daily
- 쇼핑몰 상품 상세 정보 페이지 구현하기
- Data Properties, 조건부 렌더링 등 기본 문법을 사용해 동적인 페이지 구현
| 2week | day1 | day2 | day3 | day4 | day5 |
|---|---|---|---|---|---|
| - 미션파악 및 참고자료 공부- 와이어프레임 제작- 데이터 세팅- 제품이미지 영역 구현- 판매자정보 영역 구현 | - 판매자정보 영역 수정- 상품 기본정보 영역 구현- 상품 상세설명 영역 구현 | - 리뷰 영역 구현- 하단 버튼 영역 구현 | - 발표 영상 제작- 과제 제출 |
🌻 3주차 daily
- 쇼핑몰 상품 목록 페이지 구현하기
- 컴포넌트, props, event handling, lifecycle hook을 이용해 구현
| 3week | day1 | day2 | day3 | day4 | day5 |
|---|---|---|---|---|---|
| - 미션파악 및 참고자료 공부- 와이어프레임 제작- 컴포넌트 구조 작성- 헤더 제작 | -하단 내비게이션 제작- 상품 리스트 컴포넌트 제작 | - 상품 리스트 컴포넌트 리팩토링- TC 리팩토링- 발표영상 제작 | - 과제 제출 |
🌻 4주차 daily
- 페이지 라우팅 및 API 연동
- vue-router, axios를 이용해 구현
| 4week | day1 | day2 | day3 | day4 | day5 |
|---|---|---|---|---|---|
| - 미션파악 및 참고자료 공부- Item컴포에 router 추가- ItemList : axios를 이용해 API 연동 | -ItemInfo : axios를 이용해 API 연동- Item TC 리팩토링- Item컴포 리팩토링 | - 내비게이션 메뉴 API 연동- Item TC 리팩토링 | - 내비게이션 라우터 TC 추가- Item TC 리팩토링- 발표영상 제작- 과제 제출 |
🌻 5주차 daily
- 상태관리 적용
- vuex를 이용해 구현
| 5week | day1 | day2 | day3 | day4 | day5 |
|---|---|---|---|---|---|
| - 미션파악 및 참고자료 공부 | - 장바구니 데이터 '로컬화 & vuex'로 변경- 장바구니 각 페이지에 vuex로 변경한 데이터 적용 | - 홈 화면 데이터 vuex로 변경, 변경으로 인한 장바구니 vuex store 수정- vuex TC로 전체 수정- 발표영상 제작- 과제 제출 |