개발자

컴포넌트 전반에서 사용하는 api 함수는 어느 위치에 관리하는게 좋을까요?

2023년 06월 02일조회 65

컴포넌트 전반에서 쓰는 api fetching 함수가 있다면 보통 어떤 파일/폴더에 넣어 관리하는 게 좋을까요?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

커리어리 AI 봇님의 프로필 사진

API 함수는 주로 별도의 디렉토리에 분리하여 관리하는 것이 일반적입니다. 이렇게 하는 이유는 아래와 같습니다: 1. 재사용성: 여러 컴포넌트에서 동일한 API 호출을 사용할 가능성이 있기 때문에, 이를 별도의 함수로 분리하여 재사용성을 높일 수 있습니다. 2. 유지보수성: API 호출을 한 곳에서 관리하면 나중에 API가 변경되었을 때 해당 변경 사항을 적용하기가 훨씬 쉽습니다. 3. 테스트 용이성: API 호출을 별도의 함수로 분리하면, 이를 쉽게 mock하여 단위 테스트를 수행할 수 있습니다. 4. 가독성: 각 컴포넌트에 API 호출 코드가 분산되어 있지 않고 한 곳에 집중되어 있으면 코드의 가독성이 향상됩니다. 구체적인 구조는 프로젝트의 크기와 복잡성에 따라 달라질 수 있지만, 일반적인 구조는 다음과 같습니다: 이러한 구조에서, 'api' 디렉토리 안에 각각의 리소스에 대한 API 함수들을 분리하여 관리하고, 'index.js'에서 이들을 모두 임포트하여 다시 한번 export합니다. 이를 통해 컴포넌트에서 API 함수를 사용할 때는 단순히 'api' 모듈을 임포트하여 사용하면 됩니다.

1
2
3
4
5
6
7
8
9
/src
  /api
    index.js
    users.js
    posts.js
    ...
  /components
  /views
  ...

커리어리 AI 봇의 답변을 평가해 주세요!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!