inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

만들면서 배우는 리액트 : 기초

35 create-react-app 폴더 구조 뜯어보기 2

함수로 정의한 components들

187

chiWorld

작성한 질문수 4

1

안녕하세요.

컴포넌트를 나누고 있는데 CatItem과 Favorites같은 함수형  컴포넌트들도 나눠주는것이 맞을까요? 

컴포넌트를 분류하는 기준은 무조건 컴포넌트로 만든것은 모두 분해를 시키는건지 정확한 기준이 안 와닿아서 질문드립니다!

또한 강의를 끝까지 들었는데,

배포 후 깃헙 리포지토리에 추가하려고 하니 더이상 추가가 안되더라구요(?) 에러메시지를 찾아봐도 마땅한 것이 나오지 않아 문의드립니다. 혹시 이것도 마지막 강의에서 설명해주셨던 build로 계속해서 그냥 pages에 올리기만 할 수 있는건가요?

javascript react

답변 1

0

진유림

1)

컴포넌트를 나눠준다기보단,

이미 나눈 컴포넌트를 파일 하나에 몰아둘거냐, 여러 파일로 쪼개둘거냐 하는 문제입니다.

정해진 룰은 없지만

재사용을 많이 하는(여러 군데에서 import해야하는) 컴포넌트는 보통 무조건 파일을 분리하고

재사용 없이 특정 컴포넌트에서만 사용하는 컴포넌트는 한 파일에 몰아두긴 해요.

한 파일엔 무조건 컴포넌트 하나씩만 두는 분들도 있구요.

공동작업자들과 컨벤션 맞춰서 진행하시면 됩니다.

 

2)

에러메세지를 캡쳐해서 올려주세요~ㅎㅎ

API 적용 안되는 코드 수정 방법입니다.

0

71

1

고양이 이미지가 엑박이 뜨네요

0

50

1

npx 명령어 사용 불가

1

75

1

const 변수와 컴포넌트의 차이

0

88

1

강의노트

0

139

1

vite로 리액트 빌드한 후 깃허브에 배포하는 방법

0

325

1

빌드할때 dist 폴더가 만들어지는데요,

0

767

1

js파일 업로드 요청

0

135

1

변경된 api 사용시 text 안나오는 문제

0

141

1

메인글자수정...

1

267

3

디렉터리 구조 관련하여 참고할 만한 예시가 있을까요?

1

310

1

https://cataas.com/undefined 로 나오는데 왜그런건가요?

1

591

4

고양이 사진이 깨져요.ㅜㅜ

2

359

3

강의 노트 위치를 모르겠습니다

1

343

1

깃 강의노트 어디서 볼 수 있나요?

1

380

2

이해가 안되는 부분이 있어요

1

360

1

api가 안불러와지네요...

1

658

4

진유림 선생님 너무 궁금해서 질문드립니다 ㅜ

1

330

2

react에서 컴포넌트 만들 때 대문자를 쓰는 이유

2

1154

2

https://cataas.com/ 여기 도메인이 죽어서 이미지가 보이지 않습니다 ㅠ

1

329

2

index.js 내용이 바꼈네용

1

318

2

프로젝트에 사용할 상태와 로직 관리 라이브러리 훅 사용 질문입니다.

1

261

2

html 코드 오류

1

463

2

고양이 이미지 깨져요

1

338

2