HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🤎
프론트엔드 데브코스 5기 교육생
/
🦊
고현주팀
/
🏔️
SNS 팀 프로젝트
/
📝
12/28
📝

12/28

생성일
Dec 28, 2023 12:01 AM
태그
날짜
곽연경 8️⃣
김나현 5️⃣
flow chart
리뷰
 
박종운 8️⃣
카페 리뷰 폼
배민 태크콘 디자인 시스템 영상
코드리뷰 과제
신지희 8️⃣
 
최용재 8️⃣
리액트 과제 리뷰
종운님 피그마 코멘트 확인
공통 모듈 확인
 

 
  1. 서버 상태관리
    1. tanstack query 안쓰기로 했는데, 고생하다가 tanstackquery를 느끼고 싶다.
    2. 서버 상태 관리, api fetching
      1. 서버상태: fetching 중? 전? 완료?
      2. 도중 완료?
      3. success?
      4. fetching error response data를 커스텀 훅에도 적용
      5. 조건적으로 UI 표시가능
    3. 도메인별 파일, 그 안에 함수를 하심
      1. 어떤 상태에 있는지를 알 수 없다.
      2. 상태 변화에 따라 ui가 바뀌고 싶으면 state
      3. hook
    4. 리뷰
      1. api별로 파일 나누심
        1. 도메인별로 나뉘기엔 단위가 크다
      2. 각 api 파일에는 2가지 방식
        1. is loading,issuccess
        2. 한 status에다가 union 타입을 가지도록(default 는 state)
        3. status를 기준으로 state 판단
        4. createComment르
    5. fetching에서 setstate함수를 반환해서 사용할 수도 있을 것 같다.
  1. request 함수를 util성 함수여서 customhook으로 바꾸는 것
  1. 종운님 wireframe
  1. Task 분리하기
    1. task가 고를 수 있게 나뉘어지지 않음
    2. 우선순위 상중하
  1. Figma 따봉 (어제 TODO)
    1. wireframe 수정예정
    2. flowchart 수정예정
      1. 채널 api를 쓰지 않음
      2. 포스트 작성에 더 시간을
      3. 유스케이스 수정
    3. 프로젝트 강점을 살릴만한 특색..
      1. 종운님 의견
        1. 카공리뷰 > 그룹
      2. 내가 필요한 정보를 데이터 시각화 할 수 있으니 좋다.
        1. 최신화된 정보
        2. 정보를 입력하는 사람입장에서는 덜 귀찮은 것 (구글폼은 다 작성해야 해서 힘든 부분
          1. 페이스북
            1. 옵션바
              1. 항목을 선택. 원하는 항목만 작성할 수 있도록
              2. UI적으로 한번에 보여주는게 아님(부담 줄이기)
          2. x
            1. 옵션 바
              1. 토글 x
              2. 셀렉트
      3. 퍼넬
        1. 언제 보이나요 ( 다음 > )
        2. 어디서 모이나요 ( 다음 > )
        3. 몇명이서 모이나요 ( 완료 > )
        4. [토스] 퍼넬 상태관리
      4. 모각코 모집 api를 어떻게 할지?
        1. 카페를 고르는 api
        2. ui
        3. sdk? api?
          1. 종운님
            1. 모듈, script 가져와서 정해진 element id를 태그에 설정해서 렌더링 하는 방식
        4. 어디서 모이나요
          1. 지도?
          2. 가게 이름까지 나오면… 지도를 하면 불편하고, 검색창을 하면 모달이 뜨거나 해서고민
          3. 포스트를 읽는 입장에서 어떻게 보여야 할지
            1. 원래는 인원제한 해서 신청하면 인원제한이 올라가며 stop되도록⇒ api 없음
            2. 댓글에다가 json에 formatting해서 사용할 수 있지 않을까?
            3. [수동] 참여할게요 댓글
          4. 피드 형식 강점
            1. 모각코 모집, 카페 리뷰 가 상단에 노출
            2. 상단에 모집글,리뷰글 + 클래식한 게시판 일반 포스트
            3. 상단에 모집글 (캐러셀) + 클래식한 게시판 일반 포스트
            4. 중간중간에 한 블럭씩 들어가는 것
        5. 리뷰 작성하기에 질문들은 고정된 것인가?
          1. 임시입니다.
          2. wifi 상태 추가
          3. 조용한지, 쾌적한지, 자리가 편한지

         
        정해야 하는 것
      5. 리뷰 모각코 폼
        1. 폼 항목 가이드라인 제공 → 입력 기준이 명확해지게 (수치화 또는 기준 제시)
          1. 당근 후기 작성 방식
            1. 거래 후에는 push가 오고 설문 폼이 제공
              1. 점수 보다는 즉흥적으로 누를 수 있게
        2. 폼을 사용자에게 보여주는 형식 고민
          1. 한번에 다 보여주는 것 부담스러움
        3. 위치 입력에서 사용할 script? 네이버, 카카오
      6. 모각코 모집 포스트
        1. 위치 입력 사용 script (위와 동일)
        2. 모집을 어떤 로직으로 할지 → 일단 모집 api 없음 (우리가 설계해야 함)
          1. 채널 api 활용?
          2. 아니면 아날로그 방식으로 작성자가 알아서 일일이 댓글 달기
      7. figma
        1. 일반 포스트 작성할 때
      8. 상단 바에 오늘의 카공 장소 선택 ( 집/ 카페/ 그 외)
        1. 포스트 작성과 별개의 로직
        2. 슬랙의 유저 상태와 유사
        3. 포스트 내부, 이름 아래에 blind 처럼 표시
      9. 어떤 재사용 컴포넌트를 만들지 (종운님 와이어 프레임)
       
    4. 페이지(상태 주입 함)
      1. 템플릿 (상태 주입 받음)
      2.