HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🧚
[1기]최종 프로젝트 데브코스/
📜
[팀13] 사각사각 ✏️/
🍫
페이지별 기능 명세
🍫

페이지별 기능 명세

문서가 매우매우 길어요! 목차를 이용해주세요!
프론트엔드 진행 상황프론트엔드 배포 링크프론트엔드 플로우 차트프론트엔드 페이지별 API & URL1. MainPage [완료]2. SignupPage [완료]3. SigninPage [완료]4. MyInfoPage [완료]5. EditMyInfoPage [진행중]6. ChannelPage7. PurchasePage 8. PurchaseHistoryPage9. PurchaseResultPage [진행중]10. SearchPage11. WriteListPage [진행중]12. SeriesListPage [완료]13. WriteSeriesPage [완료]14. SeriesDetailPage [완료]15. UpdateSeriesPage [완료]16. WriteArticlePage17. UpdateArticlePage [완료]18. ArticleDetailPage 19. NotFoundPage [완료]

프론트엔드 진행 상황

✅
To Do Page
👩🏻‍💻
스프린트 별 진행상황

프론트엔드 배포 링크

🍕 프론트엔드 배포링크 (최신 업데이트 12/14 (화) - 윤)

프론트엔드 플로우 차트

🍟
flowchart + wireframe

프론트엔드 페이지별 API & URL

1. MainPage [완료]

notion image
 
 
 

기능

  • url : '/'
  • 인기 시리즈 리스트, 인기 작가 리스트, 내가 구독한 시리즈, 모집중인 시리즈
  • 각각 클릭시 관련 링크로 이동
Auth
  • 구독중인 시리즈
버그리포팅
다희
예진
은서
윤
송
지훈

API

모집 중인 시리즈 조회
내가 구독한 시리즈 조회
인기 작가 리스트 조회
인기 시리즈 리스트 조회
 

2. SignupPage [완료]

notion image

완료된 기능

  • url : '/signup'
  • 회원가입
  • 비밀번호 정책 (8~, 소, 특)
  • validaion (빈 문자)
  • 회원가입 시 로그인 페이지로 이동
 
Auth
  • 로그인한 유저는 접근x

API

회원가입
버그리포팅
다희
  • 회원가입하고 아무런 안내없이 로그인 창이 보여짐.
예진
은서
윤
email 형식이 옳아도 유효성 검사에 걸린다
송
지훈
 

3. SigninPage [완료]

notion image

기능

  • url : '/signin'
  • 로그인
  • validation (빈 문자)
  • 완료 시 '/' 으로 이동
 
Auth
  • 로그인한 유저는 접근x

미완성 기능

사이트 전체적으로 로그인 유무를 확인하는 부분 논의 후 일괄 적용
세션 만료되면 다시 로그인하라는 경고창 필요
 

API

로그인
버그리포팅
다희
예진
은서
user 없을 시 404가 나온다.
notion image
윤
송
지훈
 

4. MyInfoPage [완료]

notion image

기능

  • url : 'my/info'
  • 로그인 여부 확인
  • 클릭 시 해당 페이지로 이동 (내정보수정, 결제내역)
Auth
  • 로그인한 유저만 접근가능

미완성 기능

관심리스트로 연결되는 ui 추가
로그아웃 ui 추가
 

API

로그아웃
버그리포팅
다희
예진
은서
윤
송
지훈
 

5. EditMyInfoPage [진행중]

notion image

기능

  • url : '/my/edit'
  • 내 정보 수정
 
Auth
  • 로그인한 유저만 접근 가능
버그리포팅
다희
  • 내정보 수정 전혀 안됨.(이미지 + 텍스트)
예진
은서
내 정보는 잘 가지고 오지만 수정이 안되고 있음.
윤
텍스트 정보 수정 api에서 cros오류가난다
송
지훈

API

프로필 이미지 변경
내 정보 수정

이슈

  • input
  • 밑에 여백
  • 중복 닉네임 시 400 → /로감
  • textarea 이벤트 target undefined
 

6. ChannelPage

notion image

기능

  • url : '/channel/my' 또는 'channel/:id'
  • 채널 조회
  • 나 일땐 구독중인 시리즈까지
  • 나를 제외하곤, 생성한 시리즈
  • 좋아요 관심시리즈는 어떻게? (미정)
Auth
  • my → 로그인 필요
  • :id → 로그인 불필요
버그리포팅
다희
  • 가입만 한 상태이고, 팔로우 작가 / 관심 시리즈 / 구독 시리즈 / 생성 시리즈 아무것도 없을 때 개인 채널에 어떻게 보여줘야할지? 정책이 필요할듯함.
  • 디폴트 프로필 이미지 안보여짐
      • notion image
예진
리스트가 없으면 리스트 타이틀도 빼기
은서
기본 이미지 불러오기 못함.
 
윤
송
지훈

API

내 정보 조회
내 팔로우 조회
내가 구독중인 시리즈 조회
내가 생성한 시리즈 조회

이슈

  • 팔로우 작가 테두리
 
 

7. PurchasePage

기능

  • url : '/purchase'
  • 결제
 
Auth
  • 로그인한 유저만 접근가능

API

시리즈 정보 조회
 
 

이슈

  • 결제오류 → 결제 결과 페이지 데이터 형식 변경 요청
 
버그리포팅
다희
예진
은서
윤
송
지훈
 

8. PurchaseHistoryPage

notion image

기능

  • url : '/purchase/info'
  • 결제 결과 렌더링

API

결제 내역 조회

이슈

  • 로딩
  • 내 관심 페이지도 로딩 넣어야함
Auth
  • 로그인한 유저만 접근가능
버그리포팅
다희
예진
은서
윤
송
지훈
 

9. PurchaseResultPage [진행중]

기능

  • url : '/purchase/result'
  • 결제 결과 렌더링
 
Auth
  • 로그인한 유저만 접근가능
  • 시리즈 리스트 가기, 시리즈 디테일으로!

API

결제 결과
남은 포인트 조회
 

이슈

  • 썸네일 조회 실패로인한 오류
 
버그리포팅
다희
예진
은서
윤
송
지훈
 

10. SearchPage

notion image

기능

  • url : '/search'
  • 검색 시, 아래 결과 없음
  • 검색 결과 라우팅
  • 헤더에 검색 버튼 눌렀을 때 오는 페이지
버그리포팅
다희
예진
은서
윤
송
지훈
Auth
  • 로그인 불필요
 

API

키워드로 검색 (미정)
검색 결과 조회
 

이슈

  • 에러메세지 패딩
 
 

11. WriteListPage [진행중]

notion image

기능

  • url : '/writes'
  • 작성할 수 있는 시리즈 렌더링
  • 클릭 시 아티클 작성으로 라우팅 (미정)
  • 시리즈 추가하기 누르면 시리즈 쓰기 페이지로 이동
 
Auth
  • 로그인 필요

API

내가 작성한 시리즈 조회
 

이슈

  • 작가가 아닌 경우 연재페이지에 들어갈수없음
  • 연재페이지 시리즈 추가하기때문에 접근이 가능해야함
 
 
버그리포팅
다희
예진
은서
눌리지가 않아여~~
notion image
윤
송
지훈

12. SeriesListPage [완료]

notion image

기능

  • url : '/series'
  • 시리즈 전체 결과 렌더링
  • 썸네일, 타이틀 클릭 시 시리즈디테일로 라우팅
  • 작가 닉네임 클릭시 작가 채널로 라우팅
 
Auth
  • 로그인 불필요

API

전체 시리즈 조회 (디테일포함)
정렬순 시리즈 조회 (최신순)
 
버그리포팅
다희
  • 인기순 조회안하기로 정책에서 결정난부분 반영 안됨.
예진
무한스크롤
카테고리 링크 연결
좋아요 기능
은서
인기순은 현재 없으며 연재중 버튼을 눌러도 변화 없음.
notion image
윤
뜨지 않는 image가 있고, 403오류가 난다
송
지훈
 

13. WriteSeriesPage [완료]

notion image

기능

  • url : 'series/write'
  • 시리즈 소개, 정보 작성
  • 이미지 첨부
  • 모든 값이 들어가야 제출됨
  • 빈 값 처리, 값 유효성 검사 처리
  • 로그인 안 되어있을 시 접근 안됨
 
Auth
  • 로그인 필요
 

API

시리즈 생성
버그리포팅
다희
예진
은서
윤
송
지훈

14. SeriesDetailPage [완료]

notion image

기능

  • url : '/series/:id'
  • 시리즈에 대한 정보 랜더링
  • 댓글
  • 좋아요
  • 수정 버튼 랜더링 여부를 위한 권한
  • 아티클 작성할 수 있는 버튼
 
Auth
  • 로그인 불필요
  • my - 수정가능
  • my, 결제한 유저 -아티클 조회

미완료 기능

연재 목록에 링크걸기
댓글 제목 삭제
시리즈 날짜 형식
시리즈 수정 권한
아티클 조회 권한
 

API

시리즈 디테일 조회
작가 정보 조회
 
 
버그리포팅
다희
  • 시리즈 연재 날짜 업데이트 반영 안됨.
  • 내가 생성한 시리즈 아닌데 시리즈 수정하기 버튼이 보여지고 수정까지 가능함.
예진
은서
댓글 기능 X , 내가 쓴 시리즈 아니여도 수정하기 버튼이 있음.
윤
송
지훈
 

15. UpdateSeriesPage [완료]

notion image

기능

  • url : '/series/edit/:id'
  • 시리즈 수정
  • 수정 가능 항목: - 제목 - 설명 - 이미지(없어도 됨) - 연재 시간 - 연재 요일(기존과 갯수가 같아야함)
  • 빈 값 처리, 값 유효성 검사 처리
  • 로그인 안 되어있을 시 접근 안됨
 
Auth
  • 로그인 필요
 

API

원래 시리즈 정보 조회
시리즈 텍스트 정보 수정
시리즈 이미지 수정
버그리포팅
다희
  • 내가 작성한 시리즈 아닌데 수정됨.
예진
은서
윤
모집 시작일 오늘 전은 선택안되게 제한 걸기
송
지훈
 

16. WriteArticlePage

notion image

기능

  • url : '/article/write/:id' (생성)
  • 아티클 작성
  • 제목, 설명, 이미지 업로드
  • 빈 값 처리
 
Auth
  • 로그인 필요
 

API

아티클 생성
 

이슈

  • 스타일 수정
버그리포팅
다희
  • 내가 작성한 시리즈 아닌데 수정됨.
  • 아티클 발행하고나서 아래 페이지로 넘어가는데 이게 어떤 데이터인지 인지가 안됨.
      • 아마도 아티클에 대한 정보를 뿌려주는 것 같다. 근데 내가 작성했던 데이터랑 일치하지 않음.
      notion image
예진
은서
윤
송
지훈
 

17. UpdateArticlePage [완료]

notion image

기능

  • url : '/article/edit/:id' (생성)
  • 아티클 작성
  • 제목, 설명, 이미지 업로드(없어도 됨)
  • 빈 값 처리
 
Auth
  • 로그인 필요

API

아티클 텍스트 정보 수정
아티클 이미지 수정
 
버그리포팅
다희
  • 내가 작성하지 않은 아티클 수정 페이지 접근되고, 수정가능함.
예진
은서
여기로 갈 수 있는 버튼이 없다. URL을 입력해야만 한다.
윤
송
지훈
 

18. ArticleDetailPage

notion image

기능

  • url : '/article/:id'
  • 아티클 랜더링
  • 진입 시 결제 여부 확인해야함
  • 작가 정보 프로필 넣을 예정
    • 눌렀을 때 작가의 채널 페이지
 
Auth
  • 로그인 필요

미완료 기능

아티클 수정 버튼 만들기 (작성자일 때만)
 

API

아티클 정보 조회
작가 정보 조회
 

이슈

  • 줄간격
버그리포팅
다희
  • /article/:id 로 접근할 경우 어떤 시리즈에 대한 아티클인지 인지 안됨.
예진
은서
로그인 안하고 접근할 시
notion image
윤
url수정이 필요하다 (속한 시리즈를 고려해서 이름을 다시 지어야 함)
송
지훈
 

19. NotFoundPage [완료]

기능

  • url : '*'
 
 

20. ServerErrorPage [완료]

API

기능

  • url : '*'

API