1. API 문서 및 요구사항 팀 노션 페이지 옮겨 놓음
2. 노션 페이지 내의 API 문서 및 요구사항 내용 일부 수정
2.1 문제가 있는 API 호출 방법관련 내용 변경
- 채널 추가 방법이 추가되었습니다.
- 특정 채널의 포스트 목록 (channels -> channel)
- 특정 포스트 상세 보기 (POST -> GET)
- 알림 확인 처리 (GET -> PUT)
2.2 팀 노션페이지에 있는 API관련 내용 일부 수정
- 카테고리 앞에 '!!'를 붙여놨습니다. 원하는 카테고리를 ctrl + f로 검색
- 기능을 찾을 때 기본 요구사항이나 보너스 요구사항을 빼고 찾기 가능
3. 일요일 오후 7시 팀별 중간점검 참여 여부
조예지: 월요일 첫 출근이므로 편하게 하기로 함
4. 지금까지 만든 기능별 붙이기
4.1 기간
4.2 기본 기능 구현 마무리
- 오늘까지 작업하던 코드들 마무리해서 PR까지 올리기
4.3 붙이기 순서
- 회원가입 → 로그인 → 글 보기 & 댓글 달기 → 좋아요 & 팔로우 → 검색순으로 붙이면 좋을 것 같음
4.4 Context API와 붙이기 역할 분배
우대현: 채널 리스트와 특정 post를 연결하는 역할
- 현재 붙이는 작업을 경험해 본 팀원이 부족해 하나 하나 진행하면서 역할을 정하게 될 것 같음
5. Custom Axios 사용 방법
5.1 GET 요청인 경우 useAxios 사용
import useAxios from '../../'
const { data, fetchData } = useAxios<IPost>({
url: `${tempData.baseUrl}/posts/${tempData.postId}`,
method: 'get',
});
- { data }를 통해 바로 필요한 곳에서 사용할 수 있음
- 위 예시의 IPost는 반환받는 데이터의 타입을 제네릭으로 지정한 것임
5.2 POST, DELETE, PUT 요청인 경우 useMutation 사용
- URL, Method, data를 props로 받음
- useMutation을 불러오면 mutate 함수 사용 가능
- 헤더는 이미 정의가 되어 있어 별도로 넣어줄 필요 없음
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. 회고
- 앞으로 나아가야할 방향에 대하여 각자 생각해보고 이를 공유하는 시간을 갖자
.png?table=block&id=43631787-98c9-4b73-85bb-5dd7f79f6a59&cache=v2)
