무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
heroku deploy
안녕하세요 강사님 제 로컬 서버에서는 페이지 작동이 잘되는데 헤로쿠에 올려보려 하니 이런 에러가 계속 떠서요! 2020-08-09T14:29:32.555557+00:00 app[web.1]: Error: ENOENT: no such file or directory, stat '/app/client/build/index.html' 2020-08-09T14:29:32.555899+00:00 heroku[router]: at=info method=GET path="/" host=seoul-tube.herokuapp.com request_id=99ff7d0c-8a4b-4399-a2bb-624cc8eca90b fwd="222.98.69.5" dyno=web.1 connect=0ms service=22ms status=404 bytes=412 protocol=https 2020-08-09T14:30:00.270232+00:00 app[web.1]: MongooseError [MongooseServerSelectionError]: connect ECONNREFUSED 127.0.0.1:27017 index.html파일을 못 찾는 것 같아 수정해보려고 하는데 폴더 구조를 client/public => client/build로 바꿨는데도 똑같아서 어찌 해야 할지 여쭤봅니다. 그리고 저희 구조 상에서는 build폴더가 안 보이는데 로컬에서는 잘 작동하는 게 신기한데 build폴더는 webpack실행 후 public폴더가 압축되서 만들어지고 눈에 안 보이더라도 실행되는 폴더인가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
MongooseError 입니다ㅠ
이렇게 에러가 뜨는데 routes/like.js 에서 Like.js , Dislike.js 모델을 로드하면서 에러가 나는것 같은데 잘모르겠어서 질문남깁니다! ㅠㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
webpack관련
webpack + babel이 client폴더의 index.js에서만 작용하기에 server쪽 코드들은 import대신 require를 사용하시는 거죠? server쪽 코드들에서도 import를 사용하고 싶다면 webpack+babel설치 후 사용하면 될까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
마지막까지 다 끝냈는데 갑자기 붕괴됐습니다..
강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. 안녕하세요! 지금까지 열심히 선생님 강의를 따라온 학생입니다. 커멘트까지는 잘 되다가 좋아요 코드를 다 입력하니까 갑자기 몽고디비도 연결이 안되고(ip주소는 원래 하던 장소라 문제없습니다!) 먹통이 되었네요.. 그동안 안건드렸던 user_actions의 import를 갑자기 마지막 돼서야 문제삼아서, 스택오버플로우의 조언을 따라 'package.json'에 'type':'module'을 넣어줬더니 이번에는 server 폴더의 파일에서 쓰인 'require' 문법을 문제삼고.. 이런 악순환을 견디지 못하고 처음으로 질문드립니다 ㅜㅠ 이유를 알고싶습니다 ㅜㅜ 3주동안 열심히 해온게 물거품이 될까봐 두렵습니다 ㅜㅠ 제 깃 주소는 아래에 있습니다! https://github.com/sythegenuine/react-youtube-clone
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
video model 질문입니다.
강사님 안녕하세요 항상 강의 잘듣고 있습니다. 질문이 있는데 동영상을 랜딩페이지에서 불러왔는데 duration 시간이 안떠서 보니까 모델에서는 durtaion 필드를 작성했는데 몽고 디비를 확인해보니 duration 필드가 생성되지 않았습니다. ㅠㅠ 기존 db에 필드추가 하려면 어떻게 해야하나요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
Heroku deploy
Heroku 에 포로젝트를 디플로이했는데 떰네일이랑 비디오 가 계속 오류가뜨네요. 혹시 다른 곳에다 파일들을 저장하려면 어떤 방법을 추천하시나요?? 만약에 탬플렛 처럼 uploads 에 떰네일과 비디오를 저장하면 히로쿠에 디플로이한 url 에서 비디오를 추가하면 로컬파일에 자동적으로 저장되는건가요??
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
bad auth Authentication failed 에러 질문이요ㅠ
{ MongooseServerSelectionError: bad auth Authentication failed. [0] at new MongooseServerSelectionError (C:\Users\jaekyu\Desktop\boilerplate-mern-stack-master\node_modules\mongoose\lib\error\serverSelection.js:22:11) [0] at NativeConnection.Connection.openUri (C:\Users\jaekyu\Desktop\boilerplate-mern-stack-master\node_modules\mongoose\lib\connection.js:823:32) [0] at Mongoose.connect (C:\Users\jaekyu\Desktop\boilerplate-mern-stack-master\node_modules\mongoose\lib\index.js:333:15) [0] at Object. (C:\Users\jaekyu\Desktop\boilerplate-mern-stack-master\server\index.js:18:26) [0] at Module._compile (internal/modules/cjs/loader.js:776:30) [0] at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10) [0] at Module.load (internal/modules/cjs/loader.js:653:32) [0] at tryModuleLoad (internal/modules/cjs/loader.js:593:12) [0] at Function.Module._load (internal/modules/cjs/loader.js:585:3) [0] at Function.Module.runMain (internal/modules/cjs/loader.js:829:12) [0] at startup (internal/bootstrap/node.js:283:19) [0] at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3) [0] message: 'bad auth Authentication failed.', [0] name: 'MongooseServerSelectionError', [0] reason: [0] TopologyDescription { [0] type: 'ReplicaSetNoPrimary', [0] setName: null, [0] maxSetVersion: null, [0] maxElectionId: null, [0] servers: [0] Map { [0] 'cluster0-shard-00-02.ujwdv.mongodb.net:27017' => [ServerDescription], [0] 'cluster0-shard-00-01.ujwdv.mongodb.net:27017' => [ServerDescription], [0] 'cluster0-shard-00-00.ujwdv.mongodb.net:27017' => [ServerDescription] }, [0] stale: false, [0] compatible: true, [0] compatibilityError: null, [0] logicalSessionTimeoutMinutes: null, [0] heartbeatFrequencyMS: 10000, [0] localThresholdMS: 15, [0] commonWireVersion: null }, [0] [Symbol(mongoErrorContextSymbol)]: {} } 이런 에러가 뜹니다 ㅠㅠ ㅠ localhost:3000 으로 들어가보면 뜨긴뜨는데 로그인버튼 없이 로그아웃으로 떠버리네요ㅠ 몽고디비 접속이 제대로 안된걸까요?ㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
Status Code: 504 Gateway Timeout
[HPM] Error occurred while trying to proxy request /api/subscribe/unSubscribe from localhost:3000 to http://localhost:5000 (ECONNRESET)
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
강사님이 만드신 boiler-plate 로그인에서 아이디저장기능 관련해서 질문 있습니다.
위에서 볼 수있듯이 아이디저장하면 자꾸 undefined로 저장이됩니다. 뭐때문인지 잘모르겠어요. window.localStorage.setItem('rememberMe', values.id); 이부분에서 로컬스토리지에 저장이제대로 안되는건지 한번확인해주실수 있나요 ㅠ?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
onSubscribe state 질문입니다
subscribed 초기 상태값을 false 로 주셨는데 이렇게 되면 처음 구독버튼을 누를땐 onsubscribe에서 무조건 else로 가서 유저가 구독을 했든 안했든 구독을 하지 않은 상태로 인식하여 계속 구독할 수 있는것 아닌가요?
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
안녕하세요 강사님 boiler-plate에서 질문있습니다.
강사님이 만든 boiler-plate으로 똑같이 구성해봤습니다. 그런데 문제점이 LandingPage에서 새로고침을 해보면 로그인이 되어있지 않을때는 계속해서 Signin SignUp 만보여야 하는데 순간적으로 Logout이 보였다 다시 Signin SignUp이 보여집니다. if (user.userData && !user.userData.isAuth) { return ( <Menu mode={props.mode}> <Menu.Item key="mail"> <a href="/login" > Sign in </a> </Menu.Item> <Menu.Item key="app"> <a href="/register" > Sign up </a> </Menu.Item> </Menu> ) } else { return ( <Menu mode={props.mode}> <Menu.Item key="logout"> <a onClick={logoutHandler} > Logout </a> </Menu.Item> </Menu> ) } 이부분이 강사님의 해당코드인데요 뭐때문에 그런건지 너무나 궁금합니다. 비동기 때문인가요? ㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
build시 ffmpeg파일에 관하여 질문 드립니다.
좋은 강의 감사드립니다. 강의를 듣다가 궁금한점이 있어서 질문드립니다. 이 강의를 다 듣고 build하여 배포할때 ffmpeg파일은 사용자 컴퓨터에 설치가 되어 있어야 썸네일 작성이 가능한 것인가요? 아니면 다른 방법이 있는 것인지요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
format 에러입니다.
재부팅, ffmpeg 새로 깔기 기타 등등 모든 방법을 동원해도 해결되지가 않네요. 뭐가 문제일까요... 늘 좋은 강의 감사드립니다! 깃허브:https://github.com/dongha1992/react-youtube-ahn [0] undefined [0] /Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/server/routes/video.js:52 [0] console.log(metadata.format.duration); [0] ^ [0] [0] TypeError: Cannot read property 'format' of undefined [0] at /Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/server/routes/video.js:52:26 [0] at handleCallback (/Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/node_modules/fluent-ffmpeg/lib/ffprobe.js:106:9) [0] at /Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/node_modules/fluent-ffmpeg/lib/ffprobe.js:145:16 [0] at /Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/node_modules/fluent-ffmpeg/lib/capabilities.js:194:9 [0] at wrapper (/Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/node_modules/async/dist/async.js:268:20) [0] at next (/Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/node_modules/async/dist/async.js:4582:24) [0] at /Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/node_modules/async/dist/async.js:321:20 [0] at /Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/node_modules/fluent-ffmpeg/lib/capabilities.js:186:13 [0] at /Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/node_modules/fluent-ffmpeg/lib/capabilities.js:123:9 [0] at wrapper (/Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/node_modules/async/dist/async.js:268:20) [0] at next (/Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/node_modules/async/dist/async.js:4582:24) [0] at /Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/node_modules/async/dist/async.js:321:20 [0] at /Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/node_modules/fluent-ffmpeg/lib/capabilities.js:116:11 [0] at /Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/node_modules/fluent-ffmpeg/lib/utils.js:223:16 [0] at F (/Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/node_modules/which/which.js:68:16) [0] at E (/Users/donghakim/Desktop/coding/react-youtube-ahn/react-youtube-ahn/node_modules/which/which.js:80:29) [0] [nodemon] app crashed - waiting for file changes before starting... [1] [HPM] Error occurred while trying to proxy request /api/video/thumbnail from localhost:3000 to http://localhost:5000 (ECONNRESET) (https://nodejs.org/api/errors.html#errors_common_system_errors)
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
TypeError: Cannot read property 'format' of undefined
다른 사람들도 저와 같은 오류를 경험하신거 같은데 재부팅을 해보고 혹시 몰라 brew 로 ffmpeg 해도 이미 깔려있다고 나오는데 TypeError: Cannot read property 'format' of undefined 의 오류를 계속 내뱉으면서 안되는데 혹시 왜 그런 걸까요 ㅠㅠ
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
git ssh agent 연결에서 문제가 생깁니다.
rsa키를 받는것까지는 진행이 됬는데 eval $(ssh-agent -s) 를 cmd에서 치면 아래와 같은 문구가 뜨고 진행이안되요.. 'eval'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 어찌 해결해야하나요 구글링을 아무리해봐도 해답이 안나오네요
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
항상 좋은 강의 감사합니다. backend 라우팅 처리 궁금증이 있습니다.
현재 강의 기준으론 8분대에 getVideos 라우팅 처리를 해주는 부분에서 err 발생시 res.status.send를 사용하셨는데 여러 강의를 보니 err 발생시 res.status.send를 하거나 res.status.json을 하셨던걸로 기억합니다. 각각을 사용하는 경우의 예시를 알 수 있을까요? 제가 고민해본 결과 json으로 보내는 경우는 err가 발생했을 때 frontend에서 json 파싱하여 오류에 대한 디자인 처리해주는 경우?일 것 같네요..
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
setStatus 후 값 확인 할때 질문입니다.
아래와 같이 state에 set 한 후에 바로 값을 사용 해야 하는 때가 오면, 어떤식으로 처리 해야 바로 사용가능한가요 ?? const [test, setTest] = useState() useEffect(() => { setTest("abcd") console.log(test) }, [])
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
문의좀 드립니다.
mongoose.connect(config.mongoURI,{ useNewUrlParser:true,useUnifiedTopology:true,useCreateIndex:true , useFindAndModify : false }).then(() => console.log('MongoDB Connected...')) .catch(err => console.log(err)) 강의 잘듣고 있습니다. mongoose.connect('mongodb+srv://.......', 위에것은 에러 안나지만 아래로 하면 에러가 납니다. 어떻게 해결해야 하나요? config.mongoURI 하면 MongooseError: The `uri` parameter to `openUri()` must be a string, got "undefined". Make sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()` is a string. at NativeConnection.Connection.openUri (C:\boiler-plate\node_modules\mongoose\lib\connection.js:582:11) at Mongoose.connect (C:\boiler-plate\node_modules\mongoose\lib\index.js:335:15) at Object.<anonymous> (C:\boiler-plate\index.js:18:10) at Module._compile (internal/modules/cjs/loader.js:1138:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1158:10) at Module.load (internal/modules/cjs/loader.js:986:32) at Function.Module._load (internal/modules/cjs/loader.js:879:14) at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12) at internal/main/run_main_module.js:17:47
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
DropDown태그가 안먹습니다
<Dropzone onDrop multiple maxSize> {({getRootProps, getInputProps})=>{ <div style={{width : '300px', height :'240px', border:'1px solid lightgray', display : 'flex', alignItems:'center', justifyContent:'center'}} {...getRootProps()} > <input {...getInputProps()}/> <icon type="plus" style={{fontSize : '3rem'}}/> </div> }} </Dropzone>
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
강의 잘보고있습니다 질문하나만해도될까요??ㅠ
안녕하세요 강의 보면서 따라하고있는 있는데요ㅠㅠ { MongooseServerSelectionError: connection <monitor> to 52.74.108.133:27017 closed [0] at new MongooseServerSelectionError (D:\john ann\boilerplate-mern-stack\node_modules\mongoose\lib\error\serverSelection.js:22:11) [0] at NativeConnection.Connection.openUri (D:\john ann\boilerplate-mern-stack\node_modules\mongoose\lib\connection.js:823:32) [0] at Mongoose.connect (D:\john ann\boilerplate-mern-stack\node_modules\mongoose\lib\index.js:333:15) [0] at Object.<anonymous> (D:\john ann\boilerplate-mern-stack\server\index.js:18:26) [0] at Module._compile (internal/modules/cjs/loader.js:776:30) [0] at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10) [0] at Module.load (internal/modules/cjs/loader.js:653:32) [0] at tryModuleLoad (internal/modules/cjs/loader.js:593:12) [0] at Function.Module._load (internal/modules/cjs/loader.js:585:3) [0] at Function.Module.runMain (internal/modules/cjs/loader.js:829:12) [0] at startup (internal/bootstrap/node.js:283:19) [0] at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3) [0] message: 'connection <monitor> to 52.74.108.133:27017 closed', [0] name: 'MongooseServerSelectionError', [0] reason: [0] TopologyDescription { [0] type: 'ReplicaSetNoPrimary', [0] setName: null, [0] maxSetVersion: null, [0] maxElectionId: null, [0] servers: [0] Map { [0] 'youtubeclone-shard-00-00-s85lt.mongodb.net:27017' => [ServerDescription], [0] 'youtubeclone-shard-00-01-s85lt.mongodb.net:27017' => [ServerDescription], [0] 'youtubeclone-shard-00-02-s85lt.mongodb.net:27017' => [ServerDescription] }, [0] stale: false, [0] compatible: true, [0] compatibilityError: null, [0] logicalSessionTimeoutMinutes: null, [0] heartbeatFrequencyMS: 10000, [0] localThresholdMS: 15, [0] commonWireVersion: null }, [0] [Symbol(mongoErrorContextSymbol)]: {} } 서버에 접속하는건 되는데요 시간이 지나거나 새로고침을 누르면 자꾸 이런 오류가 뜨네요 ㅠㅠ왜이러는걸까요? 그리고 로그인하고 들어가서 로그아웃을 누를경우 로그아웃이 되야하는건가요? 저만 안되는거같아서요!