프로젝트

N캠프에 참여한 수강생들의 프로젝트입니다.

Shopfit

AIaaS 6기, Team Workout


팀장, 프로젝트 DB 구조 설계, Jira 이슈 발급, Spring security, 커뮤니티 메인페이지, 회원정보 관리 등진동선 |  쇼핑몰 기능, 뉴스탭 기능, 마이페이지 기능, CI/CD 관리 오연수 |  커뮤니티 기능 구현 및 디자인, 마이페이지 기능, 사이트 로고 디자인 권아영

쇼핑몰 결제기능, 사이트 메인페이지 디자인 등한국인

[역할 상세]

 

진동선

오연수

권아영

한국인

팀장

프로젝트 DB 구조 설계

ERD 작성

Jira를 이용한 팀원 별 이슈 발급

Spring security

JWT 인증 방식 로그인 구현

Oauth2.0 소셜로그인 구현

커뮤니티 메인페이지 구현

좋아요 기능 동적테이블, 파티셔닝 기법 적용

게시글 목록 인피니티스크롤 적용

Redux 라이브러리를 이용한 회원정보 관리

백엔드 전역예외처리 세팅

Selenium 활용 커뮤니티 더미데이터 웹크롤링(인스타그램)

쇼핑몰 기능 구현

상품 목록 페이지 - 페이징 및 정렬, 검색 기능 

상품 상세 페이지 - 등록 및 수정, 삭제 기능

장바구니 - 생성, 추가, 전체/선택 삭제, 조회 기능

쿠폰 - 발급 및 조회, 삭제, 사용 기능


뉴스탭 기능 구현 

뉴스 리스트 조회, 검색, 삭제 기능

마이페이지 기능 구현

회원 정보 조회, 수정, 포인트 관련 기능

CI/CD 관리

GitHub Webhooks와 Jenkins, Docker를 활용한 배포 자동화

Nginx 활용 로드밸런싱 환경 구축

Naver Cloud Object Storage, CDN, Image Optimizer를 이용한 파일 업로드 기능

Naver Cloud DB for MySQL 구축

figma 활용 프로젝트 레이아웃 설계

발표 ppt 제작

커뮤니티 기능 구현 및 디자인

게시글 등록 및 수정, 삭제 기능

댓글 등록 및 수정, 삭제 기능

게시글 이미지 사이즈 일관화

S3, Naver Object Storage를 이용한 게시글 이미지 업로드 구현

마이페이지 기능 추가

내가 쓴 글 조회기능 및 디자인

회원정보 수정

회원가입 페이지 구현

메인페이지 쿠폰발급 이벤트 이미지 슬라이드


Naver Clova Chatbot 을 이용한 챗봇 구현 및 디자인


사이트 로고 디자인


발표 ppt 제작


README.md 작성


회의록, 스크럼 내용 문서 작성

프로젝트 요구사항 정의서 작성

쇼핑몰 결제기능 구현

카카오페이, 토스페이 적용

Import api 활용 결제금액 검증

사이트 메인페이지

인기게시글, 최신뉴스, 인기상품 조회 구현

메인페이지 디자인

디자인

쇼핑몰 디자인

커뮤니티 디자인

뉴스탭 디자인

기능 구현 및 추가

daum address api 활용 주문페이지 주소검색 기능 추가

메인페이지 통합 검색기능 구현

쇼핑몰 상품 상세페이지 구현

쇼핑몰 검색기능 구현

figma 활용 프로젝트 레이아웃 설계

jsoup 활용 쇼핑몰 더미데이터 웹크롤링(랭킹닭컴)

jsoup 활용 뉴스 더미데이터 웹크롤링(개근질닷컴)

시연영상 촬영

 

[프로젝트 설명]

저희 프로젝트의 이름인 #FIT 는 shop 과 fitness 의 앞부분을 딴 fit 의 합성어입니다.

최근 점점 더 많은 사람들이 건강과 웰빙을 중요한 가치로 인식하고 있으며, 이에 따라 건강한 삶을 추구하기 위해 운동, 올바른 식단 등에 대한 정보가 큰 관심과 필요성을 불러일으키고 있다는 사실을 알게 되었습니다.

따라서 저희는 이러한 정보들을 한번에 제공하는 사이트의 필요성을 느끼고 헬스와 관련된 다양한 기능을 제공하는 웹 어플리케이션을 만들게 되었습니다.



첨부파일


GithubGithub