pyotato / roadmaker_fe Goto Github PK

• LCP(Largest Contentful Paint) 이 성능에 부정적인 영향을 미치고 있습니다.

• 해당 문제는 nextjs의 hydration 문제와 결부되었다는 포스팅을 공부해보고, 해결헤야합니다.
  • 포스팅 1
  • 포스팅 2

• api url 변경
  • 회원가입
  • 로그인
  • 회원 조회
  • 회원 프로필 수정
  • 회원 프로필 이미지 등록

• 아래와 같이 노드의 모양 변경은 가능하나, 노드의 스타일 저장할 필드들을 추가해야 성공적으로 보내질 것 같습니다.
• 추가해야하는 필드
  • aspectRatio: number, (default: 'auto')
  • display: string,
  • alignItems: string
  • padding:string

• rectangle (default)
• circle
• rhombus

• 현재는 노드의 내용(label)을 클릭할 때 노드의 상세내용을 수정하는 모달이 계속 열리는 문제가 발생하여 노드 내용을 수정할 때 동작을 방해하고 있습니다.
• 따라서, 노드의 textArea 영역을 클릭한 경우에는 모달이 열리지 않고, 노드의 바탕을 클릭했을 때만 열리도록 동작하는 방식으로 수정해야합니다.

• 커스텀 디자인한 로그인 페이지 생성

• a button that formats the roadmap to certain layouts
  • horizontal
  • vertical

• 로드맵 썸네일 등록 시 요청이 계속 가는 문제 해결해야 합니다.
• 해당 문제는 로드맵 노드를 드래그하거나 노드 내용 수정시에도 동일하게 발생하여 해결해야 합니다.
• 썸네일 등록 panel을 토글 닫기 할 경우 미리 보기 이미지가 날라가는 문제도 해결해야 합니다..

• DetailContentEditor 컴포넌트에서의 setState을 변경할때 동시에 부모 컴포넌트 RoadmapEditorPage의 nodes와 clickedNode 모두 변경하려고하기 때문에 아래와 같이 에러가 발생함

• my page

• isLiked이 false일 시에는 좋아요 누를 시 하트가 빨간색인 상태
• isLiked이 true일 시에는 좋아요 누를 시 하트가 하얀(채워지지 않은 상태)
• 위의 조건들이 새로고침, 페이지 나갔다가 돌아와도 유지되도록 고쳐야 합니다.

• fetch comments in roadmap details page
• #36

create tiptap editor modal for node details

• add page for confirming leave while creating roadmap