안녕하세요 React에서 폴더가 나뉘어져 있을때 함수를 어느 부분에서 불러와야 할지 몰라 질문드립니다.

Question

안녕하세요 이번에 팀 프로젝트로 React와 Node.js의 Express 프레임워크, 언어는 타입스크립트를 사용함으로써 각각 프런트와 백을 만들려고 계획을 세웠습니다.여기서 React를 vite로 생성하면서 src폴더에components, pages, hooks폴더 및 각 기능을 나눌 폴더를 만들었는데요pages에 components와 App.tsx를 연결할 tsx를 만들면서 useState로 상태관리를 하고,components에는 그대로 브라우저에 표시할 컴포넌트를 만들려고 합니다여기서 제가 담당한 역할은 회원가입과 로그인 부분인데 components에 부모 컴포넌트 한개와 자식 컴포넌트(id.tsx, password.tsx 등등)를 생성하고hooks 폴더에는 ts파일로 기능에 쓸 함수를 작성하려고 합니다여기서 hooks에 있는 ts파일을 어디에 import 시키는게 좋을까요?

개이득인개발 · Answer

무슨말인지 잘 모르겠네요, 좀더 간결하게 말씀해주시겠어요?근데 id, password컴포넌트는 왜 따로 만드신건가요?

soop · Answer

폴더 구조는 본인이 편한대로 하시면 될 거 같습니다. 정답이 없거든요

풀스택3년차 · Answer

제가 제대로 이해한게 맞다면 일반적으론 form.tsx 파일에서 hook.ts 파일을 불러와 사용합니다.그 아래에 id.tsx,password.tsx를 사용하고요왠만해서는 id,password와 같은 컴포넌트엔 비즈니스로직을 안넣는게 좋습니다. 넣게 되면 특정 페이지에만 사용하는 컴포넌트에만 넣는걸 추천드리구요form.tsx 파일 같은경우에 일반적으로 컴포넌트 대신 컨테이너라고 부르고 여기선 비즈니스 로직과 UI 을 합쳐서 사용합니다.

qwer1232 · Answer

뭔소린지 하나도모르겠네 .

몰랑토끼 · Answer

id랑 password는 굳이 따로 만들필요가없고(따로 만드는게 더안좋음)hooks는 그 데이터를 활용하는곳에 import합니다

한물 · Answer

질문을 이렇게 하면 답변을 어떻게 해야하지....

안녕하세요 React에서 폴더가 나뉘어져 있을때 함수를 어느 부분에서 불러와야 할지 몰라 질문드립니다.

6개의 답변

Q&A 목록