inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

강의교안 & 소스코드

뭐하나 여쭤봐도 될까요?

77

bluescreen

작성한 질문수 29

0

안녕하세요

복습하러 들어왔습니다.

그나저나 코딩님.. 뭐하나 여쭤봐도..

다른 어느 소스를 보니까..

 

component 1

index.js

component2

index.js

component3

index.js

..

image.png


폴더마다..죄다 ...... index.js 가 있는데...
짐코딩님께 여쭤 봐도 될련지요.. ?

번거로우시겠지만.. 고견 , 첨언 부탁드립니다.

(P.S: 또 ..AI가 답변할라나? .쩝)

 


[ AI ]

" 컴포넌트 폴더에 index.js를 두는 리팩토링 팁???? "

리팩토링?... 엥? 저렇게 리팩토리 하라고?

( 거 참..머 할라고 저렇게 한데??? .. ㅡㅡ;;)

 

코딩님..헬프용. ㅜㅜ;;;

 

 

react React-Context react-router tailwindcss react-query

답변 1

0

짐코딩

안녕하세요!

컴포넌트마다 index.js를 사용하는 건 import를 깔끔하게 하기 위한 패턴이에요.

// index.js 없이
import Button from './components/Button/Button';

// index.js 사용
import Button from './components/Button';

폴더명만으로 import할 수 있어서 코드가 간결해져요.

다만 이건 선호도 차이예요. 프로젝트나 팀 컨벤션에 따라 다르게 사용하니, 정답은 없고 일관성 있게 사용하시면 됩니다!

오타?

0

39

1

안녕하세요 질문이 있습니다.

0

66

2

질문 : 삭제 버튼 아규먼트 (id)

0

58

1

Tailwind 버전 확인

0

72

1

align-items 정렬

0

58

2

vite 명령어로 프로젝트를 만들었습니다. (vscode)

0

89

1

31. 객체 업데이트 하기 - 10:15 질문

1

62

2

강의교안, 내용 인용해서 블로그 글 작성

1

87

2

이미지가 출력되지 않아요

1

88

2

강의와 만들어진 코드가 달라요

0

82

3

AI와 CSS 라이브러리의 궁합

0

117

1

onClick 이벤트에 함수 넘길 때

0

82

1

린캔버스 기능 구현은 왜 못하나요.... 구현하고 싶습니다...

0

108

1

notes 없음 읽기 오류

0

79

1

Object.assign 문법

0

70

1

react-router 전혀 기능 안함

0

59

1

react-router-dom@6.25.1

0

53

1

React Router 최신 스펙

0

222

1

Immer 에서 filter, map 사용

0

63

1

vite 설치에 대해 질문있습니다.

0

87

2

라이브러리 버전 일치 이슈

0

86

1

"Enter 키 발생 시 항목 추가" 부분에서 공백이 포함되면 한 줄이 더 입력됩니다

0

57

2

TotalCounter을 작성할때

0

70

2

gitHub 레파지토리 보면

-4

125

3