inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

비디오 디테일 페이지 만들기

views아래에도 기능별로 폴더를 만드는 게 좋은가요?

해결된 질문

476

마리오

작성한 질문수 5

0

views 

    - Video  (하나의 상위 폴더)

       - VideoDetail 

          - VideoDetailpage.js

       - VideoUpload 

          - VideoUploadpage.js

이렇게 비디오(Video)로 하나로 만들면 좋을 것 같은데,  VideoDetailpage, VideoUploadpage 폴더를 views아래서 따로 만드시는 이유가 있을까요?

Layout과 관련된 NavBar, Footer도 한 폴더로 몰아두면 좋을 것 같은데, 검색해보니 해외 소스들도 최대한 depth를 얕게 가져가려고 하는 것 같더라고요. 

아직 js는 import할 때 경로를 일일히 적어주어야하는 부분 때문인 것 같기도 한데 특별한 이유가 있을까요?

(사실 이부분이 제일 귀찮고 ㅜㅜ 힘들고 ㅜㅜ vsc와 sublimetext 같은 프로그램의 import 자동기능도  모두 별로인 것 같습니다 ㅜㅜ 코딩이 너무 힘들어요.)

nodejs mongodb react redux

답변 2

2

John Ahn

마리오님의 질문은 되게 고민이 많이 한게 느껴지네요 ~ ! 

depths를  작게 가지려고 하는건 React 쪽에서 이렇게 하길  Recommend 했기 때문입니다 ^^ 

그때 리액트 쪽에서 한말이 어렴풋이 기억이 나는데   뎁스를 많이 가져도 크게 문제를 가져오진 않을 것이지만 

최대한 작게하는걸 추천하더라구요 ^^ 

아마 리액트 로직쪽에서 뎁스가 깊게 들어가면 performance가 낮아진다던지 하나봅니다...  ㅎㅎ 

import 는   그러네요 ㅠㅠ......  ㅋ   특별한 이유는 잘모르겠습니다.... ㅠㅠ 

저 파일구조는 저도 여러개를 해보다가  그나마 저게 저한테는 잘맞는거 같아서 ^^;;
저렇게 쓰고 있지만 
어떤분은 component와  container로 나눠서 쓰는것도 보았습니다 
자기한테 제일 편하게 만들어서 쓰는게 좋은것같습니다 ^^ 

0

마리오

답변 정말 감사합니다 :D! 많이 도움되었습니다! 

npm i하면 바로, 라이브러리 오류없이 받아지고, 구동되는 소스는 없나요?

0

52

1

ERROR in ./node_modules/antd/es/version/index.js 2:15-22

0

221

1

자료 없음

0

322

1

이미지 깨짐

0

336

1

npm run dev 동작 에러

0

304

1

npm run dev 동작 에러

0

295

1

npm run dev 동작에러납니다...

0

661

1

npm run dev 실행 오류

0

653

1

비디오 업로드, 로그인, 회원가입 504 error

0

1057

1

시작부터 오류생기시는 분들 해결법입니다.

1

467

1

오류 해결 공유

0

459

1

npm install 에러 질문드립니다.

0

1121

2

아예 몽고DB에 연결한다고만 하고 연결이 안되고 있습니다.

0

550

1

해당 오류 해결 방법 좀 알려주세요 ㅠㅠ

0

516

1

로컬스토리지에 대한 질문입니다!!

0

515

0

video가 안 나타나는 문제

0

894

1

ffmpeg 설치 후 cannot read property 'format' of undefined 500 에러 해결

0

471

0

typeError or 콘솔 500 뜨는분..

0

336

0

npm run dev 관련 오류

0

578

1

답글이 달리지않고 디비에도 저장되지않으며 새로고침이 됩니다.

0

246

0

useState 자동 생성

0

347

1

TypeError: Cannot read properties of undefined (reading 'format')

0

1246

2

userData undefined / state에 user.userData가 없습니다.

0

248

0

antd Input background color 변경

0

242

0