기간 : 2025년 8월 6일 11시 59분까지
오늘 배웠던 내용을 기반으로 번개장터 사이트를 클론코딩 해봅시다! 번개장터 사이트 바로가기
이번 과제는 시맨틱 태그의 올바른 사용과 map 을 이용한 중복 코드 제거가 핵심입니다! 커밋 컨벤션 잘 지켜주시고, 제출기한 꼭 지켜주세요!!
마지막으로 모르는 부분 있다면 언제든지 연락주세용~
- 위 레파지토리를 포크 후, 포크된 본인의 레파지토리를 클론하여 개발합니다.
- 제출기한 내에 fork 한 레파지토리의 main 브랜치에서 2025-summer-mentoring/3rd-task-clone 로 PR 을 날립니다.
- PR 제목은 "[번개장터 클론코딩] 권민재 미션 제출합니다." 와 같은 형식으로 작성합니다.
- PR 메세지에는 코드를 작성하면서 흥미 있었던 점, 어려웠던 점, 궁금한 점 등을 markdown 문법을 이용하여 작성합니다.
| Type | Description |
|---|---|
| feat | 새로운 기능 추가 |
| fix | 버그 수정 |
| docs | 문서 관련 |
| style | 스타일 변경 (포매팅 수정, 들여쓰기 추가, ..) |
| refactor | 코드 리팩토링 |
| test | 테스트 관련 코드 |
| build | 빌드 관련 파일 수정 |
| ci | CI 설정 파일 수정 |
| perf | 성능 개선 |
| chore | 그 외 자잘한 수정 |
EX) feat : header 개발
- mission 폴더 안에 있는 index.html, style.css, script.js 파일을 모두 사용할 수 있도록 합니다.
- 필요한 로고와 사진들은 assets 폴더 내에 사진을 삽입하여 사용할 수 있도록 합니다.
- 인라인 스타일은 절대 사용하지 않도록 합니다.
- 시맨틱 태그를 알맞게 사용하여 개발할 수 있도록 합니다.
- 번개장터 사이트 해당 페이지를 접속했을 때 나와있는 것만 개발하면 됩니다.
- 마우스를 hover 했을 때 나오는 포인터의 모양도 고려해야 합니다.
- 오늘의 상품 추천에 나오는 데이터(data.js)들은 map 을 이용해 개발할 수 있도록 합니다.
- data.js 에 price 는 EX) 1,100,100 와 같은 형식으로 나올 수 있도록 합니다.
- data.js 에 date 는 모두 EX) 10일 전 과 같이 하시면 됩니다.
- data.js 에서 name 이 일정 길이 이상이라면 ... 으로 대체 될 수 있게 합니다. (사이트 참고)