| 이름 |
공식 역할 |
세부 역할 |
| 김영종 |
팀장 |
장바구니/메인 |
| 김세윤 |
팀원 |
주문결제창 |
| 장영재 |
팀원 |
상품상세페이지/헤더/푸터/404 |
| 고은표 |
팀원 |
로그인/로그아웃/회원가입 |
| 장화연 |
팀원 |
인덱스메인, 404오류페이지 |
Untitled
제출
🔗 수료생 샘플 예시
🔗 수료생 결과보고서 샘플 예시
- 대표(프로젝트) 주제
<aside>
📌
오픈마켓 시스템 개발
</aside>
- GitHub Repository 주소
<aside>
📌
https://github.com/zadupage/team1-JADUPAGE
</aside>
- 시연영상
프로젝트 진척 상황의 시연 영상 란에 업로드 해주세요
<aside>
📌
1조 시연영상.mp4
</aside>
- 결과보고서(발표자료)
발표자료(pdf)파일을 업로드해주세요. (예, 1차_프로젝트_1조_결과보고서.pdf)
<aside>
📌
2차_프로젝트_1조_새싹코딩 결과보고서.pdf
</aside>
프로젝트 주제
<aside>
📌
1. 핵심 기능
- 회원인증(로그인/로그아웃,JWT토큰 기반)
- 상품 목록 조회 및 상세 조회
- 장바구니 관리 (추가,삭제,수량변경,금액계산)
- 주문/결제 프로세스
2. 데이터 저장
- LocalStorage: JWT토큰 , 사용자 정보저장
- SessionStorage: 장바구니 데이터,주문 데이터 임시저장
- JSON Server : RESTful API 백엔드 (db.json)
- 비동기 통신 : fetch API를 통한 데이터 CRUD
3. UI/UX 디자인
- Figma 시안 기반 구현
- 반응형 웹 디자인(모바일 퍼스트,브레이크포인트:480px,768px,1200px)
- 재사용 가능한 컴포넌트 설계( Header,Footer등)
- 접근성 고려 (WCAG AA 준수,키보드 네비게이션)
4. 접근성
- 시맨틱 HTML 태그 사용
- 이미지 대체 텍스트 제공
- 키보드 탭 순서 보장
- ARIA 속성 적용
5. 성능·최적화
- 이미지 lazy loading(옵션)
- 불필요한 리플로우 방지
- CSS 변수 활용으로 일관성 유지
- 모듈화된 CSS구조 (variables.css,components별 분리)
- JSON Server + Nodemon 으로 개발 서버 자동 재시작
6. 배포 & 문서화
- 배포 : Github Pages 정적 호스팅
- API문서 : Swagger를 통한 API 문서화
- README: 프로젝트 개요, 설치방법,실행방법,기능명세
- PROJECT.md: 상세 API문서,JWT 설명,프론트엔드 구현 가이드
- Git 전략: Git-flow 기반 브랜치 관리 , Pull Request 코드 리뷰
</aside>
일정