마이페이지 개발

[Profitah]

어떤 기능인가요?
마이페이지 기능 및 페이지를 생성합니다.

작업 상세 내용
마이페이지 컴포넌트 생성
마이페이지 UI 제작

내가 작성한 글 목록 섹션 추가
내가 좋아요를 클릭한 게시글 목록 섹션 추가
내가 북마크한 게시글 목록 섹션 추가
스타일링 및 레이아웃 구성
상태 관리 로직 추가

useState를 사용한 데이터 상태 관리
데이터 불러오기 로직 추가
내가 작성한 글 목록 기능 구현
API 연동

내 글 목록 API 엔드포인트 설정
axios 또는 fetch를 사용한 API 호출 로직 구현
API 호출 결과에 따른 상태 업데이트
UI 업데이트

글 목록을 화면에 표시
페이지네이션 또는 무한 스크롤 구현 (필요 시)
내가 좋아요를 클릭한 게시글 목록 기능 구현
API 연동

좋아요 게시글 목록 API 엔드포인트 설정
axios 또는 fetch를 사용한 API 호출 로직 구현
API 호출 결과에 따른 상태 업데이트
UI 업데이트

좋아요 게시글 목록을 화면에 표시
페이지네이션 또는 무한 스크롤 구현 (필요 시)
내가 북마크한 게시글 목록 기능 구현
API 연동

북마크 게시글 목록 API 엔드포인트 설정
axios 또는 fetch를 사용한 API 호출 로직 구현
API 호출 결과에 따른 상태 업데이트
UI 업데이트

북마크 게시글 목록을 화면에 표시
페이지네이션 또는 무한 스크롤 구현 (필요 시)
마이페이지 테스트
단위 테스트

각 컴포넌트와 함수의 단위 테스트 작성
데이터 불러오기 및 상태 업데이트 테스트
통합 테스트

마이페이지 전체 플로우를 테스트하는 통합 테스트 작성
모의 API 서버를 사용하여 실제 API 호출을 시뮬레이션
참고할만한 자료(선택)
이 내용을 Next.js와 TypeScript로 제작할 예정입니다.

추후 서식 수정 예정