1. 반복되는 Api 연결 코드

코넥트 페이지는 팀원을 구하는 글을 올리고, 또 그 글을 다른 사용자가 확인하는 게 주요 기능이기 때문에, 글을 저장하고 불러오는 과정에서 api를 요청하는 일이 빈번하게 발생한다.

다른 로직과 뷰 관련 코드 뿐만 아니라 api 요청코드까지 여러곳에서 반복적으로 쓰이게 되니 한눈에 알아보기 어려운 코드가 되었고, 이를 해결하기 위해 관심사의 분리를 진행하며 api 코드도 데이터 도메인별로 api 파일을 구분하고 공통 에러 핸들러 또한 생성하여 어느 곳에서든 간단하게 작성할 수 있게 만들어 놓았다.

2. 데이터 도메인별로 api 파일 구분

코넥트 프로젝트에서는 크게 총 4개의 도메인과 그외 기타 등등을 포함하여 총 5개의 도메인이 존재한다.

먼저 팀과 유저 보드에서 내가 쓴 글을 저장하거나 불러오는 요청을 해야하기에

팀(team) 그리고 개인(user) 관련 도메인.

그리고 댓글과 대댓글 요청은 모든 보드에서 동일하게 저장하고 불러오는 과정이 요청되어지기 때문에

댓글(comment) 관련 도메인.

그리고 로그인 진행 시 실제 사용자의 로그인 한 정보를 저장하고 입력한 정보를 불러와야 하는 경우가 필요하기에

사용자(auth)관련 도메인.

이렇게 총 4가지와, 그외는 프로필 사진 관련 요청 기술스택 사진 불러오기와 같이

그 외 기타의 api 도메인

까지 총 5개의 도메인으로 나누어져 있다.

📦api
 ┣ 📂instance
 ┃ ┣ 📜privateApiInstance.js
 ┃ ┣ 📜publicApiInstance.js
 ┃ ┗ 📜responseHandler.js
 ┣ 📜auth.api.js
 ┣ 📜comment.api.js
 ┣ 📜etc.api.js
 ┣ 📜team.api.js
 ┗ 📜user.api.js

api와 관련된 폴더는 이와 같이 구성되어져 있다. instance 폴더를 제외한 나머지 파일들을 보면 위에서 설명한 바와 같이 총 5개의 도메인으로 나누어져 있는 것을 볼 수 있다.