HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🧚
[1기]최종 프로젝트 데브코스
/
👼
[팀2] 극락이들
/
🕸️
프론트엔드
🕸️

프론트엔드

 
 
Develop 아카이빙URL😘1차 스프린트
 

 

Develop 아카이빙


Swiper : https://swiperjs.com/
Sweetalert2 : https://sweetalert2.github.io/recipe-gallery/sweetalert2-react.html
Storybook Deploy : https://m.blog.naver.com/rudhi87/221734651485
 

URL


 
민석
  • /tutorial → LandingPage ( 접속 시 가장 먼저 접근하게 되는 페이지)
  • /login → LoginPage ( 로그인 페이지 - 소셜 로그인 페이지 )
  • /album → AlbumListPage (앨범 리스트 페이지) , /album/최민석 으로 사용자에게 제공하는것도 좋을듯
    • member id
    • 앨범 리스트 및 앨범 초대 리스트 제공
    • 멤버의 유니크 값을 적어주면 어떨 지?
  • /album/new → AlbumCreatePage (앨범 생성 페이지)
    • 스탭 단계에 따른 url의 차이를 가져갈지 ?
    • Github가 이런 방식으로 (new) 생성 페이지 URL 구성
  • /album/profile → ProfilePage (프로필 페이지)
    • 앨범을 거쳐서 들어가며 멤버 정보는 어차피 Token에 있음.
  • /album/:(앨범정보) → AlbumMainPage (앨범 메인 페이지)
    • album에서 선택되어져서 url이 이어지는 느낌으로 갈지 ?
    • hook을 활용하여 state로 페이지 값을 관리하는 경우 새로고침이 방지되는지 테스팅 예정
  • /album/:(앨범 정보)/diary/:(일기 정보) → DiaryPage(일기 상세 페이지)
    • 백앤드와 회의 필요
  • /album/:(앨범 정보)/diary/new → DiaryCreatePage (일기 생성 페이지)
  • /album/:(앨범 정보)/members → MemberListPage (멤버 리스트 페이지)
  • /album/:(앨범 정보)/members/invite → MemberInvitePage (멤버 초대 페이지)
  • /album/:(앨범 정보)/settings → AlbumSettingsPage (앨범 설정 페이지)
  • /album/:(앨범 정보)/settings/edit → AlbumSettingsEditPage (앨범 수정 페이지)
  • /album/:(앨범 정보)/storybook → StorybookPage (스토리북 페이지)
  • /album/:(앨범 정보)/moment → SpecialMomentPage (특별한 순간 페이지)
 

😘1차 스프린트


  • 초이
    • 현재 진행 리스트
      • OAuth ⇒ 드디어 토큰을 받았다.. 그런데 프엔에서 아직 60% 정도의 구현 (Redux 상태관리 작업중)
      • BaseComponent (100%)
        • Button (BottomFixedButton 구현)
        • Image
        • Spinner
        • Skeleton
        • Divide
        • Lottie
      해야 할 리스트
      • AlbumPage, AlbumCreate 미구현 아예 구성도 못했음..
      • 주말에 삽가능!!!
      반성 할 점
      • 애자일하게 더 했어야했는데 머리속 구상되는대로 하긴 했지만 아쉬운...
      • 처음쓰는 라이브러리라 너무 어려웠듬;
  • 훈
    • 완성 리스트
      • 페이지 UI 구현에 필요한 컴포넌트 구현 및 조합
        • Progress, Upload UI Test, 상태 관리 코드 구현 완료
        • Input, Header ⇒ 내가 구현한 컴포넌트가 아니다 보니 커스터 마이징 작업이 필요
        • 상태 관리 코드 구현 완료
      미해결 리스트
      • API 호출 코드 구현 필요
      결과 및 느낀점
      • 1차 스프린트 목표 진행률 : 80% 진행
      • 내가 개발하지 않은 컴포넌트들을 커스텀하고 조합하는데 생각보다 많은 시간이 소요
        • 전체가 활용해야 하는 코드 작업에 대해서는 좀 더 구체적인 가이드라인이 제시되는 문서의 필요성을 느낌
        • 회의 진행 시 말하려는 Issue에 대해 사전에 문서를 통한 이해가 이루어진 후 소통이 이루어진다면 좀 더 효율적인 회의 시간을 가질 수 있어보임
  • 빙글
    • 한 일
      • base 컴포넌트 구성
        • Avatar
        • Modal
        • Input
        • Textarea
      • domain 컴포넌트 구성
        • Header
        • UserCard (진행중)
      • 이후에서 컴포넌트의 추가는 크게 없을 것 같다.
      해야할 일
      • page 단위 구성
        • Page UI 를 대강 구성 한 후에 기능을 얼른 얹어야할 듯
        • UI 에 들이는 시간을 단축시켜야 할 것 같다.
      • 기능 구현
      • 특별한 순간
        • 특별한 순간에서 시간을 꽤 많이 써야할 탠데, 그룹 설정과 멤버 초대를 얼른 끝내야 할 것 같다.
  • 프론트 일정 픽스
    • 훈 - 일요일 오후~
    • 빙글 - 주말 낮
    • 초이 - 주말 토 / 일요일 오후 부터 가능
  • 1차 스프린트 완성 목표로하기
  • 안건
    • Routing 정하기 (본인이 맡은 페이지 URL 구성 해오기)
    • 1차 스프린트 회고
    • 2차 스프린트 재정립 ⇒ 월요일날 백엔드 공유
    •