HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 3기 교육생
/
🙂
동근팀
/
2023/01/11(수)
2023/01/11(수)
2023/01/11(수)

2023/01/11(수)

팀원
Yeji Jo
회의
Jan 11, 2023
프로젝트
프로젝트 DAY-8

1. API 문서 및 요구사항 팀 노션 페이지 옮겨 놓음


  • 조예지님 감사합니다!!!🥹
 

2. 노션 페이지 내의 API 문서 및 요구사항 내용 일부 수정


  • 안재관 님 고마워요😁

2.1 문제가 있는 API 호출 방법관련 내용 변경

  1. 채널 추가 방법이 추가되었습니다.
  1. 특정 채널의 포스트 목록 (channels -> channel)
  1. 특정 포스트 상세 보기 (POST -> GET)
  1. 알림 확인 처리 (GET -> PUT)

2.2 팀 노션페이지에 있는 API관련 내용 일부 수정

  1. 카테고리 앞에 '!!'를 붙여놨습니다. 원하는 카테고리를 ctrl + f로 검색
  1. 기능을 찾을 때 기본 요구사항이나 보너스 요구사항을 빼고 찾기 가능
 

3. 일요일 오후 7시 팀별 중간점검 참여 여부


  • 안재관: 참여 가능
  • 우대현: 토요일에 정확하게 말해주기로 함
  • 유지영: 참여 가능
  • 박민형: 참여 가능
  • 조예지: 월요일 첫 출근이므로 편하게 하기로 함
 

4. 지금까지 만든 기능별 붙이기


4.1 기간

  • 목요일, 금요일

4.2 기본 기능 구현 마무리

  • 오늘까지 작업하던 코드들 마무리해서 PR까지 올리기
  • 코드 리뷰 하기
  • develop에 합치기
  • 유저 인증을 시작으로 붙이기 시작

4.3 붙이기 순서

  • 유저 시나리오를 생각하면서 기능들 붙이자
  • 회원가입 → 로그인 → 글 보기 & 댓글 달기 → 좋아요 & 팔로우 → 검색순으로 붙이면 좋을 것 같음

4.4 Context API와 붙이기 역할 분배

  • 박민형: Context API 만들기
  • 안재관: post와 댓글 등 연결하는 역할
  • 우대현: 채널 리스트와 특정 post를 연결하는 역할
  • 현재 붙이는 작업을 경험해 본 팀원이 부족해 하나 하나 진행하면서 역할을 정하게 될 것 같음
 

5. Custom Axios 사용 방법


5.1 GET 요청인 경우 useAxios 사용

import useAxios from '../../' const { data, fetchData } = useAxios<IPost>({ url: `${tempData.baseUrl}/posts/${tempData.postId}`, method: 'get', });
  • URL과 Method는 넣어주어야 함
  • { data }를 통해 바로 필요한 곳에서 사용할 수 있음
  • 위 예시의 IPost는 반환받는 데이터의 타입을 제네릭으로 지정한 것임

5.2 POST, DELETE, PUT 요청인 경우 useMutation 사용

  • URL, Method, data를 props로 받음
  • useMutation을 불러오면 mutate 함수 사용 가능
  • 필요한 method에 알맞는 값을 넣어 사용
  • 헤더는 이미 정의가 되어 있어 별도로 넣어줄 필요 없음
 

6. Error Boundary와 Suspense


6.1 Error Boundary

  • API 비동기 통신 시 try, catch를 많이 사용하는데 이것은 명령형임
  • Error Boundary를 사용하면 선언적으로 Error Handling이 가능함
  • Error Boundary 컴포넌트를 만들고 Error Boundary로 특정 컴포넌트를 감싸준다.
  • 특정 컴포넌트에서 문제가 생기면 Error Boundary가 감지해 준다. 그래서 선언적 Error Handling이 가능함

6.2 Suspense

  • 데이터를 패치할 때와 같이 로딩 중 처리가 필요한 경우가 많은데 이를 대신 해주는것이 Suspense의 역할이다.
  • Error Boundary와 동일하게 특정 컴포넌트를 감싸주면 알아서 동작한다.
  • 각 컴포넌트에서 삼항조건자와 같은 조건들을 확인하여 컴포넌트 내에서 직접 확인할 필요가 없다.
  • 기술 공유 시간에 더 다루기로 함
 

7. 중간발표 관련 회의


  • 다음 주 월요일 16일까지 중간 발표 자료 정리 필요
  • 이번 주 주말을 이용하여 중간 발표 자료 완성 예정
  • 중간 발표 자료를 정리하면서 앞으로 프로젝트에 필요한 추가적인 기능이나 토큰 관리에 대한 이야기를 나눠볼 필요 있음
  • 기획서와 비슷하게 작성
  • 기획, 대상, 목표, 디자인, 스토리, 현재 어디까지, 앞으로 무엇을 구현할 것인지 등을 소개할 예정
 

8. 회고


  • 앞으로 나아가야할 방향에 대하여 각자 생각해보고 이를 공유하는 시간을 갖자
  • 기술 공유는 다음 주에 하자
  • 회고 룰은 조예지님이 알려주기로 함
  • 시간은 30분~1시간