무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
ffmpeg 관련
안녕하세요 강사님, 리액트 강의 잘 듣고 있습니다! 다름이 아니라 윈도우용 ffmpeg를 다운로드 하려고 홈페이지에 접속하니 9월 18일에 종료된다는 안내문구가 써있더라구요 ffmpeg가 종료되어도 수업을 계속 진행하기에는 지장이 없는걸까요? 9월 18일 안에 이 수업을 다 수강하지 못할 것 같아서요ㅎㅎ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
안녕하세요.
응용해서 비디오의 수정이나 삭제는 가능하게 만들었는데.. 댓글같은 경우에는 삭제시에 refreshfunction 기능을 어떻게 적용시켜야 할까요..ㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
질문 있습니다!
안녕하세요 강사님! boiler-plate와 youtube clone강의까지 다 듣고 쇼핑몰을 들으려고 준비중인 학생입니다! 다름이 아니라 다른 것들은 잘 작동하는데 comment 기능에 문제가 있는 거 같습니다. comment를 작성하고 console.log 찍어보면 다 잘 나오는데 정작 화면에는 나오지 않습니다.. 혹시 깃허브 코드를 봐주실 수 있으신가요? 바쁘실텐데 죄송합니다ㅠㅠ 항상 좋은 강의 감사드립니다!!! 깃헙 주소: https://github.com/KangHoGyun/Youtube-Clone
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
밑의 질문에 며칠째 답이 없으셔서 ㅠㅠ 새로 달아요
안녕하세요! 항상 좋은 강의 감사드립니다. 다름이 아니라 강의 내용대로 보고 VideoDetail의 writer을 가져오게끔 하였는데 else 부분이 처리되어 계속 loding... 이렇게만 뜹니다. 어떻게 해야할지 모르겠어요 ㅠㅠ 혹시 제 코드좀 봐주실 수 있으신가요?? 깃헙 주소: https://github.com/KangHoGyun/Youtube-Clone 터미널 화면에는 이렇게 뜹니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
npm install 에러
PS C:\Users\Junsu\Downloads\boilerplate-mern-stack-master\boilerplate-mern-stack-master> npm install > bcrypt@3.0.8 install C:\Users\Junsu\Downloads\boilerplate-mern-stack-master\boilerplate-mern-stack-master\node_modules\bcrypt> node-pre-gyp install --fallback-to-build node-pre-gyp WARN Using needle for node-pre-gyp https download node-pre-gyp WARN Pre-built binaries not installable for bcrypt@3.0.8 and node@12.18.3 (node-v72 ABI, unknown) (falling back to source compile with node-gyp) node-pre-gyp WARN Hit error Remote end closed socket abruptly. 이 솔루션의 프로젝트를 한 번에 하나씩 빌드합니다. 병렬 빌드를 사용하려면 "/m" 스위치를 추가하세요. blowfish.cc bcrypt.cc bcrypt_node.cc win_delay_load_hook.cc c:\users\junsu\appdata\local\node-gyp\cache\12.18.3\include\node\node.h(674): warning C4819: 현재 코드 페이지(949)에서 표시할 수 없는 문자가 파일에 들어 있습니다. 데이터가 손실되지 않게 하려면 해당 파일을 유니코드 형식으로 저장하십시오. (소스 파일 컴파일 중 ..\src\bcrypt_node.cc) [C:\Users\Junsu\Downloads\boilerplate- mern-stack-master\boilerplate-mern-stack-master\node_modules\bcrypt\build\bcrypt_lib.vcxproj] C:\Users\Junsu\Downloads\boilerplate-mern-stack-master\boilerplate-mern-stack-master\node_modules\bcrypt\build\Release\bc rypt_lib.lib 라이브러리 및 C:\Users\Junsu\Downloads\boilerplate-mern-stack-master\boilerplate-mern-stack-master\node_modules\bcryp t\build\Release\bcrypt_lib.exp 개체를 생성하고 있습니다. bcrypt_lib.vcxproj -> C:\Users\Junsu\Downloads\boilerplate-mern-stack-master\boilerplate-mern-stack-master\node_modules\bcry pt\build\Release\\bcrypt_lib.node Copying C:\Users\Junsu\Downloads\boilerplate-mern-stack-master\boilerplate-mern-stack-master\node_modules\bcrypt\build\Relea se\/bcrypt_lib.node to C:/Users/Junsu/Downloads/boilerplate-mern-stack-master/boilerplate-mern-stack-master/node_modules/bcr ypt/lib/binding\bcrypt_lib.node 1개 파일이 복사되었습니다. npm WARN react-redux@5.1.2 requires a peer of react@^0.14.0 || ^15.0.0-0 || ^16.0.0-0 but none is installed. You must install peer dependencies yourself. npm WARN react-redux@5.1.2 requires a peer of redux@^2.0.0 || ^3.0.0 || ^4.0.0-0 but none is installed. You must install peer dependencies yourself. npm WARN react-boiler-plate@1.0.0 No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.12 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.12: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) added 34 packages from 37 contributors and audited 513 packages in 10.685s 4 packages are looking for funding run `npm fund` for details found 3 vulnerabilities (2 low, 1 high) run `npm audit fix` to fix them, or `npm audit` for details npm install 실행시 이렇게 긴 오류가 뜹니다. 해결방법을 모르겠습니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
몽고DB
선생님 안녕하세요 강의 정말 감사합니다. 15분 30초까지 코딩을 완료한 상태이며 console에도 Sumbit 버튼을 클릭시 정상적으로 success가 나옵니다 그런데 몽고DB에가면 데이터가 어딨는지 모르겠는데 혹시 어떻게 확인하는거지 알수있을까요? ㅜ 아 그리고 mongodb+srv://playck:<password>@test.6hpge.mongodb.net/<dbname>?retryWrites=true&w=majority 강의에는 <dbname>? 이 부분은 복사할때도 test라 나오는데 저는 복사하면 <dbname>? 이렇게 나오는데 이 부분은 무엇을 입력해야할까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
user의 image 질문
안녕하세요! 항상 좋은 강의 해주셔서 너무 감사드립니다! 다름이 아니라 이번 디테일 페이지를 보려면 user의 image가 있어야 보이잖아요? 그런데 여태까지 강의를 들으면서 image를 넣어주는 부분을 보지 못하여서 detail page가 화면이 뜨지 않고 else 부분인 loding... 이렇게만 뜹니다. 어떻게 image를 넣어줘야 하나요??
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
댓글에 writer 정보가 넘어오지 않습니다
안녕하세요. 강의 재미있게 잘 듣고 있습니다! 다름이 아니라 며칠째 해결해보려고 올려두신 github 소스코드와 비교하며 해결해보려고 했으나 좀처럼 해결이 되지 않아 질문 드립니다. 댓글 기능 (3) SingleComment의 약 15분 경에 해당하는 댓글 리스트를 console에 찍어내는 것까지는 성공했습니다. 이를 화면에 출력하고자 하는데 댓글 내용은 잘 나오지만 댓글 작성자의 이름과 프로필 사진이 나타나지 않는 문제가 발생하였습니다. 출력된 에러 메세지는 다음과 같습니다. console.log로 props.comment.writer.name을 출력하면 잘 나오기는 하던데 어떤 부분이 문제인지 알 수 있을까요?? https://github.com/coding-Benny/react-youtube-clone
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
도와주세요!!ㅠㅠ
안녕하세요~ 강사님 깃헙도 참고하고 다른분들 깃헙도 참고하면서 오류를 찾아 2번째 뎁스에 있는 코멘트가 왜 안보여지나 찾아내려고 했는데, 여러번 처음부터 다시해보고도 했는데, 계속 똑같은 오류로 해결하지 못했어요... 도와주시면 정말 감사하겠습니다! (이미지는 똑같은 오류라 같은것으로 올립니다) https://github.com/lhj1004ss/youtube_clone 한번 https://github.com/lhj1004ss/youtube_clone
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
prototype 에러로 화면이 뜨지 않습니다.
안녕하세요! 먼저 좋은 강의 해주셔서 감사드립니다! 다름이 아니라 이번 강의를 다 듣고 강의 코드를 다 따라 썼는데 npm run dev로 시작하면 화면이 뜨지 않습니다 ㅠㅠ 어떤 것이 문제인지 모르겠습니다.. 터미널에선 [1] ./node_modules/express/lib/view.js [1] Critical dependency: the request of a dependency is an expression 이렇게 뜨고, 웹에서는 이렇게 뜹니다. 깃헙 주소는 https://github.com/KangHoGyun/Youtube-Clone 이렇게 입니다. 봐주시면 감사하겠습니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
간단한거 같은데, 몇시간동안 이유를 못찾아서 이렇게 글 남깁니다..
console log 찍으면 false 와 true 값은 변하는데, 클라이언트에서 뎁스에 있는 코멘트를 펼치는게 작동하지 않는데, 왜 그런건지 이유를 찾을 수가 없어서요.. https://github.com/lhj1004ss/youtube_clone
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
몽고 디비 처음 써 보는데 무료가 없네요...
이거와 관련된 질문을 하신분은 어찌어찌 해결하셨는지, 지금은 가입을 해도 무료는 안 나오네요... 정책이 바뀐건가요?
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
video/upload 오류 질문 드립니다.
안녕하세요. 강의를 따라 코드 작성 후 실행 시 아래와 같은 오류가 나와 질문 드립니다. 프로젝트 코드 확인 후 답변 부탁 드립니다. (같은 오류 질문 하신 분들 답변 참고 하여 server/index.js 코드로 수정하고 setupProxy 설정도 하였는데 계속 같은 오류가 나옵니다ㅠ) GitHub URL : https://github.com/kimsojung318/youtube-clone 감사합니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
구독기능 저장 질문입니다
구독버튼을 누르면 subscribed 가 되고 카운트가 되는데, 새로고침을 하면 카운트가 된 상태에서 버튼이 subscribe로 돌아가서 다시 버튼을 누르면 카운트가 또 되네요... 이거때문에 구독동영상페이지에도 영상이 안올라오는거같은데 어떻게 해결해야할까요? 깃허브 주소입니다 : https://github.com/ChoHJin/youtube-clone
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
localhost 3000 접속 오류
안녕하세요 강사님! 강의 잘 듣고 있습니다. 다름이 아니라 강사님의 깃에서 다운 받은 것을 npm install도 다 해줬는데 register page에서 정보를 다 입력하고 submit을 보내면, vs code에서 [1] [HPM] Error occurred while trying to proxy request /api/users/register from localhost:3000 to http://localhost:5000 (ECONNREFUSED) (https://nodejs.org/api/errors.html#erregister from localhost:3000 to http://localhost:5000 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors) 이러한 오류가 뜹니다.. 어떻게 해결해야 할까요? boiler-plate 강좌도 다 보았고 그 코드에서 더 진행하려고 했는데 강사님 깃에 있는 코드와 많이 달라서 이 코드로 진행하려고 합니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
질문있습니다
안녕하세요 강사님 랜딩페이지에 비디오들을 나타나게는 했는데 이렇게 아바타도 출력이 안되고 Warning: Each child in a list should have a unique "key" prop. 이런 경고도 발생하는데 어떤 문제인지 잘 모르겠습니다. 어떻게 해결해야 될까요? 제 깃허브 주소입니다 : https://github.com/ChoHJin/youtube-clone
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
react render시에 깜박이는걸 없애려면
안녕하세요! 강의 잘듣고있습니다. react render시에 깜박이는걸 없애려면 어떻게 해야하나요? 예를들면 로그인상태에서 다시 /login페이지로 가려고하면 auth.js에서 되돌아가는데, 로그인화면이 잠깐 나왔다가 기본경로로 돌아가는데 이 깜박이는걸 없애고 싶어요..
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
비디오 업로드 form 만들기 (1)에서 질문 있습니다
VideoUploadPage 만드니 아래 에러가 뜹니다. × Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check the render method of `VideoUploadPage`. 제 코드입니다. import React from 'react'; import {Typography, Button, Form, message, Input, Icon} from 'antd'; import Dropzone from 'react-dropzone'; const {Title}=Typography; const {Textarea}=Input; function VideoUploadPage() { return ( <div style={{maxWidth:'700px', margin:'2rem auto'}}> <div style={{textAlign:'center', marginbottom:'2rem'}}> <Title level={2}>Upload Video</Title> </div> <Form> <div style={{display:'flex', justifyContent:'space-between'}}> {/* Drop zone */} {/* Thumbnail */} <div> <img alt=""></img> </div> </div> <br></br> <br></br> <label>Title</label> <Input></Input> <br></br> <br></br> <label>Description</label> <Textarea > </Textarea> <br></br> <br></br> <select > <option ></option> </select> <br /><br /> <select > <option ></option> </select> <br /><br /> <Button type="primary" size="large" > Submit </Button> </Form> </div> ) } export default VideoUploadPage App.js의 일부입니다. <Switch> <Route exact path="/" component={Auth(LandingPage, null)} /> <Route exact path="/login" component={Auth(LoginPage, false)} /> <Route exact path="/register" component={Auth(RegisterPage, false)} /> <Route exact path="/video/upload" component={Auth(VideoUploadPage, true)} /> </Switch> 뭐가 문제인 걸까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
( 와 { 의 차이가 궁금해지는데요.
안녕하세요. 어렵지만 쭉쭉 진행중에 있습니다. 1. 아래 이미지에서 체크된부분 똑같이 map으로 루프도는코드인데요. 하나는 { 이고 하나는 ( 인데 각각 어떤경우에 써야하는건지 감이 안잡혀서 문의드립니다. 2. 또 질문이 생각나서. createProxyMiddleware({ target: 'http://localhost:5000', changeOrigin: true, }) 리액트는 3000번 node는 5000번포트라 api호출시 아래와 같이 설정해줘서 cors관련 진행했는데 movie api는 저런설정없이도 바로 api사용가능한데 어떤 경우에 저런 설정이 필요한지도 궁금했습니다. 3. 마지막입니다.죄송... 둘다 같은 포트 사용은 불가할거 같은데 혹시나 가능한가 여쭤봅니다. 걍 까페24에 node.js 호스팅이있던데 배포가능한지. 배포관련해서 강좌가 있었음하는데 모든강좌에서 배포관련은 없어보여서 이부분만 조금 아쉽습니다. 감사합니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
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폴더가 압축되서 만들어지고 눈에 안 보이더라도 실행되는 폴더인가요?