개발자

리액트 프로젝트 내에서 공통 함수 파일 위치를 어디로 하면 좋을까요?

2023년 04월 24일조회 363

로그아웃 함수를 공통 함수로 만들어서 사용하고 싶은데, 보통 한 파일에서 모든 공통 함수를 관리하나요? 아니면 함수마다 별도의 파일을 만드는 경우가 많은가요? 또한, 공통 함수와 커스텀 훅이 같은 것으로 이해해도 괜찮은 건가요?

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

답변 3

희희님의 프로필 사진

함수가 많지않다면 하나의 파일에서 관리해도 괜찮겠죵. 공통 함수라는게 많다면 도메인별로 나눠보는건 어떨까요? 로그아웃 이라면 user파일에 넣는 식으로요. 커스텀훅도 함수라고 볼수 있겠죵. 공통 커스텀훅은 보통 hooks 폴더에 넣고 사용하거나, 사용하는 파일과 가깝게 넣고 사용해요.

김인후님의 프로필 사진

커스텀 훅이 아니라면 저는 utils에 넣어두는 편이며 로그아웃 로그인과 같이 데이터 페치를 하면 보통 service에 별도로 구분 합니다.

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

리액트 프로젝트에서 공통 함수 파일의 위치는 보통 프로젝트의 구조와 규모에 따라 다르게 결정됩니다. 일반적으로는 'src/utils' 또는 'src/helpers'와 같은 디렉토리를 만들어서 공통 함수 파일들을 저장하곤 합니다. 이 방법은 여러 컴포넌트에서 공통으로 사용되는 함수들을 모아서 관리하기 용이하도록 구성하는 것입니다. 함수마다 별도의 파일을 만들지 여부는 개인의 취향에 따라 다를 수 있습니다. 하지만, 보통 하나의 파일에 모든 공통 함수를 모아놓는 것이 관리하기 편리하다는 장점이 있습니다. 커스텀 훅은 공통 함수와 비슷한 역할을 하기 때문에 같은 파일에 모아놓는 것도 가능합니다. 그러나 커스텀 훅은 상태 관리나 라이프사이클 메소드 등의 기능을 제공하기 때문에, 프로젝트의 규모와 복잡도에 따라서 따로 파일로 분리해 관리하는 것이 좋을 수도 있습니다.

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

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

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

또는

이미 회원이신가요?

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

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

새로운 질문 올리기

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