jun108059 / daangn-market Goto Github PK

✍🏻 Description

카테고리 조회 API를 구현합니다.

✅ To-Do

• 카테고리 조회 API 개발

✍🏻 Description

H2 DB를 MySQL 서버로 구성합니다.

✅ To-Do

• docker-compose 생성
• docker 기반 MySQL 구성
• 환경 설정 및 계정 정보는 env 파일로 구성해서 숨기기

✍🏻 Description

상품 상세 페이지에서 판매자 상품 모두보기 버튼 클릭 시 이동하는 판매자 상품 리스트 페이지를 개발합니다.

✅ To-Do

• 특정 회원의 상품 리스트 조회 API 호출
• 전체, 판매중, 거래완료 탭 구성

✍🏻 Description

메인 홈 → 상품등록 페이지를 구성합니다.

✅ To-Do

• 상품 등록 API 호출
• 상품 등록 form 구성

✍🏻 Description

• 상품 상세 페이지 하단에 같은 판매자 상품 보기 기능을 추가합니다.

✅ To-Do

• 같은 판매자 상품 조회 API 호출
• 판매자 상품 더보기 이동 버튼 연결(CTA)
• 판매 상품이 2개 이상일 경우만 노출
• 현재 조회된 상품은 "같은 판매자 상품 보기"에서 제외

📨 ETC

• 이전 [#12]에 기능을 추가합니다.

✍🏻 Description

AWS S3 연동

✅ To-Do

• AWS S3 연동
• Upload 구현
• 상품 삭제/변경에 따른 S3 업데이트 로직

✍🏻 Description

✅ To-Do

• Query-DSL 의존성 추가
• 상품 전체 조회 API 수정
• 동적 쿼리 작성

✍🏻 Description

ControllerAdvice 활용한 AOP Exception handler 전역

✅ To-Do

• GloberExceptionHandler 추가
• 각 비즈니스 로직에 맞는 Exception 추가

✍🏻 Description

좋아요 등록, 좋아요 삭제 API를 개발합니다.

✅ To-Do

• 좋아요 등록/삭제

✍🏻 Description

회원 정보 수정 API를 개발합니다.

✅ To-Do

• 회원 정보 수정 API 작성

✍🏻 Description

로그인 페이지를 구성하고 로그인 기능을 연동합니다.

✅ To-Do

• 로그인 후 토큰 정보를 store에 저장 (vuex4)
• router 이동 시 토큰 정보 검사 추가

✍🏻 Description

로그인 완료 후 landing되는 Home 페이지를 구성합니다.

✅ To-Do

• 로그인 정보 기반 토큰 Header에 포함
• 상품 판매 게시글 리스트 구성
• 검색, 햄버거바(카테고리 선택 페이지 Landing) 구현
• 상품 판매 게시글 등록 버튼 및 CTA
• 나의 당근 페이지 버튼 및 CTA

✍🏻 Description

관심상품을 등록하는 기능을 개발합니다.

✅ To-Do

• 상품상세 페이지 좋아요 버튼 클릭 이벤트 생성
• 좋아요 등록/삭제 API 호출 연동 (#40)

✍🏻 Description

상품 등록/조회 API를 Bearer 토큰 기반으로 검사하도록 수정합니다.

✅ To-Do

• 상품 등록 API Bearer 토큰 검사 추가
• 상품 조회 API Bearer 토큰 검사 추가

📨 ETC

✍🏻 Description

나의 당근 → 판매내역 페이지를 구성합니다.

✅ To-Do

• 상품 상태 변경 API 추가 개발
• 판매중 / 거래완료 탭 구성
• 상품 판매 상태 변경 버튼 및 CTA 구현
• (Landing) 상품 상세 정보 보기 페이지

✍🏻 Description

상품명 + 지역 검색 API를 개발합니다.

✅ To-Do

• Controller GetMapping 개발
• 상품명+지역 필터 검색 로직 개발
• JPA method 추가

📨 ETC

Back-Log : 검색 성능 개선하기

✍🏻 Description

상품 수정 API를 개발합니다.

✅ To-Do

• 상품 수정 API 작성

✍🏻 Description

나의 당근 → 관심목록 페이지를 구성합니다.

✅ To-Do

• 나의 관심목록 상품 리스트 필터 조회 API 호출
• 상품 상세 정보 보기 페이지 Landing

✍🏻 Description

상품 리스트 조회 API pagination 기능을 추가합니다.

✅ To-Do

• 상품 조회 pagination 기능 추가
• Request, Response DTO 수정
• QueryDSL 동적 쿼리 수정
• 페이지 1 요청 시 데이터는 0번째부터 접근하는 로직
• 기본 Pagination - page = 1, size = 10

✍🏻 Description

Swagger API docs를 제공하기 위해 추가합니다.

✍🏻 Description

상품 삭제 API를 개발합니다.

✅ To-Do

• 상품 삭제 API 작성

✍🏻 Description

상품 상세 조회 구현

✅ To-Do

• [FE] Vue 상품 상세 조회 컴포넌트 개발
• [FE] axios 비동기 호출
• [BE] 상품 상세조회 API 개발

✍🏻 Description

뒤로가기 기능을 전체 적용합니다.

✅ To-Do

• 뒤로가기 구현
• 로그인정보 유지 고려

📨 ETC

router.back() vs router.go(-1)

router.back()

• 브라우저의 내장된 뒤로가기 버튼과 동일한 동작을 수행
• 즉, 현재 페이지의 이전 페이지를 로드!
• 이전 페이지의 캐시된 버전이 있으면 해당 캐시된 버전을 사용하며, 그렇지 않은 경우 이전 페이지를 새로고침하여 로드

router.go(-1)

• 브라우저의 내장된 뒤로가기 버튼과 다르게, 현재 페이지와 이전 페이지 간에 캐시된 버전이 있는지 여부와 관계없이 이전 페이지를 새로고침하여 로드

router.back()은 이전 페이지를 캐시된 버전을 사용하여 로드할 수 있으므로 더 빠르게 로드되는 경우가 있을 수 있음
반면, router.go(-1)은 이전 페이지를 항상 새로고침하여 로드하므로 느린 경우가 있을 수 있음

router.back() 적용!

✍🏻 Description

상품 상세 페이지에 첫 이미지 로딩이 안되는 이슈를 해결합니다.

✅ To-Do

• 첫 이미지 로딩되도록 vue 코드 수정

✍🏻 Description

이미지 업로드 로직을 변경, 수정 로직을 추가합니다.

Detail

회원가입 기능 구현

SubTask

• 회원가입 기능 구현
• 회원가입 입력 값 유효성 검증
• 로그인 기능 구현
• 비밀번호 찾기 추후 구현 알림
• 테스트 코드 작성
• 실시간 이메일, 닉네임 중복검사
• 실시간 비밀번호 유효성 검사

✍🏻 Description

Vue.js로 Front-end를 전환하여 분리합니다.

✅ To-Do

• Vue 프로젝트 생성
• Spring boot + Vue 연동

✍🏻 Description

회원가입 페이지를 개발합니다.

✅ To-Do

• getting start 페이지 → 시작하기 페이지 연결
• 지역 select box 추가
• 회원가입 입력 폼 만들기
• submit 시 회원가입 API 호출

Description

로그인 기능 구현

To-Do

• 로그인 기능 구현
• 비밀번호 찾기 추후 구현 알림

✍🏻 Description

나의 당근 → 프로필 수정 페이지를 구성합니다.

✅ To-Do

• 닉네임, 프로필사진 변경 CTA
• 수정 가능/완료 배경색 변경 기능
• 프로필사진 변경 → 앨범에서 선택/프로필 사진 삭제 메뉴(알림?) 활성화

✍🏻 Description

상품 단건 조회 API

✅ To-Do

• 상품 단건 조회 API 작성

✍🏻 Description

마이페이지 기능 구현

✅ To-Do

• [FE] 마이페이지 Vue 컴포넌트 개발
• [FE] 판매내역, 관심목록, 채팅목록 router 설정

✍🏻 Description

메인 홈 → 카테고리 조회 페이지를 구성합니다.

✅ To-Do

• 카테고리 별 이미지 추가
• 카테고리 조회 API 호출
• 뒤로가기 기능
• 카테고리 선택 시 상품 리스트 조회 페이지 landing

✍🏻 Description

• 상품 리스트 조회 API 및 페이지 구현
• 상품 등록 API 및 페이지 구현

✅ To-Do

• [FE] Vue 상품 리스트 조회 컴포넌트 개발
• [FE] Vue 상품 등록 컴포넌트 개발
• [FE] 카테고리 조회 select box 구현
• [FE] axios 비동기 호출 구현
• [BE] 상품 조회 API 개발
• [BE] 상품 등록 API 개발
• [BE] 카테고리 조회 API 개발

✍🏻 Description

회원 정보 조회 API를 개발합니다.

✅ To-Do

• 회원 정보 조회 API 작성
• 테스트 코드 검증

Description

github action CI/CD 환경을 구축합니다.
AWS EC2, S3, CodeDeploy를 연동하여 서버를 구성합니다.

To-Do

• Github Action CI 스크립트 작성
• AWS EC2 생성
• AWS S3, CodeDeploy 연동
• Github Action CD 스크립트 작성

✍🏻 Description

지역 리스트 조회 API를 개발합니다.

✅ To-Do

• 지역 리스트 조회 API 개발

✍🏻 Description

로그인 및 상품 등록/조회 시 토큰 기반의 인증/인가 정책을 적용합니다

✅ To-Do

• spring security 의존성 추가
• JWT 생성 및 검증 로직 추가
• 토큰 기반 인증 검사 추가