무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
fetch사용
fetch에서 값을 받아온 후 렌더링 해보고 싶어서 async/await를 LandingPage함수와 useState의 콜백함수에 붙여봤는데 Movies,MainMovieImage가 useState에서 지정한 초기값으로 계속 뜨더라구요~ 1.{MainMovieImage && <MainImage />} 이런 식으로 하는 게 render함수 실행전에 fetch로 값 받은 후 렌더링하는것과 비교했을 때 큰 차이가 없는지 2.리액트에서 async/await이 js에서처럼 똑같이 사용하고 똑같이 동작하는지! 3.render전에 정의한 함수가 비동기면 리액트에서도 render를 먼저 실행시키고 서버에서 온 데이터가 전달되는 건가요??? 사실 취업준비중인덴 회사에서는 어떻게 하시나 싶어서 여쭤봅니다!질문이 너무 많네요ㅠㅠㅠㅠ너무 큰 도움 받고 있어서 항상 감사합니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
api_key관련
깃헙에 푸시할때 client/src/Config.js도 같이 올라갈테고 그러면 API_KEY도 같이 올라간다 생각이 드는데요~ 이렇게 같이 올려도 상관 없을까요?? 중요한 정보는 올리면 안된다고 본 것 같아서요! *강의 항상 잘 듣고 있습니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
안녕하세요 setStatement관련해서 질문드립니다
response값으로 State값을 변경하려는데 반영이 되지않습니다 ㅠㅠ 뭐가 문제일까요?? 콘솔로그를 찍어봐도 Movies는 [] MainMovieImage는 null값만 출력되네요 MainImage Component는 이상없는것을 확인했습니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
안녕하세요 api 질문드립니다
강의대로 따라하는 도중에 api/users/auth 부분에서 에러가 나면서 그림이 다 안나오더라구요..영화 title이랑 설명은 제대로 나오는데 이미지가 안나옵니다ㅠㅠㅠ터미널 창에 에러는 [HPM] Error occurred while trying to proxy request /api/users/auth from localhost:3000 to http://localhost:5000/ 이런식으로 나옵니다! stackoverflow에서 하라는 대로 다 해봤는데 여전히 이미지가 나오지 않아서 문의드립니다...
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
이게 무슨 에러일까요?
MainImage 랜더링 하는 과정 중에 에러가 난것같은데 잘 되다가 갑자기 에러가 나네요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
3일정도 혼자 해보려고 하다가 어디가 문제인지 결국 못찾아서 질문을 남깁니다 ㅠㅠ
https://github.com/ryun3433/inf-movie-app.git 제 깃헙주소입니다. movieDetail 에서 props를 못받아 오더라구요 왜그럴까요..?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
안녕하세요 npm 설정 시 오류가 발생하여 질문 남깁니다.
강의대로 따라하다가, npm run dev를 치고 엔터를 치는데, There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally. The react-scripts package provided by Create React App requires a dependency: "babel-jest": "^24.9.0" Don't try to install it manually: your package manager does it automatically. However, a different version of babel-jest was detected higher up in the tree: /home/sj/node_modules/babel-jest (version: 25.3.0) Manually installing incompatible versions is known to cause hard-to-debug issues. If you would prefer to ignore this check, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project. That will permanently disable this message but you might encounter other issues. To fix the dependency tree, try following the steps below in the exact order: 1. Delete package-lock.json (not package.json!) and/or yarn.lock in your project folder. 2. Delete node_modules in your project folder. 3. Remove "babel-jest" from dependencies and/or devDependencies in the package.json file in your project folder. 4. Run npm install or yarn, depending on the package manager you use. In most cases, this should be enough to fix the problem. If this has not helped, there are a few other things you can try: 5. If you used npm, install yarn (http://yarnpkg.com/) and repeat the above steps with it instead. This may help because npm has known issues with package hoisting which may get resolved in future versions. 6. Check if /home/sj/node_modules/babel-jest is outside your project directory. For example, you might have accidentally installed something in your home folder. 7. Try running npm ls babel-jest in your project folder. This will tell you which other package (apart from the expected react-scripts) installed babel-jest. If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project. That would permanently disable this preflight check in case you want to proceed anyway. P.S. We know this message is long but please read the steps above :-) We hope you find them helpful! 와 같은 에러가 뜨더라구요. 터미널에서 하라고 한대로 했는데, skip preflight check를 true 로 하면은 실행은 됩니다. 근데 이거는 일시적인 해결방법이라고 하더라구요. skip preflight check=true로 하면 실행은 되는데, 터미널에는 이런 메세지가출력됩니다 [1] ./src/components/views/LandingPage/LandingPage.js [1] Line 2:10: 'FaCode' is defined but never used no-unused-vars [1] [1] ./src/components/views/LoginPage/LoginPage.js [1] Line 74:11: 'dirty' is assigned a value but never used no-unused-vars [1] Line 79:11: 'handleReset' is assigned a value but never used no-unused-vars [1] [1] ./src/components/views/RegisterPage/RegisterPage.js [1] Line 92:11: 'dirty' is assigned a value but never used no-unused-vars [1] Line 97:11: 'handleReset' is assigned a value but never used no-unused-vars [1] [1] Search for the keywords to learn more about each warning. [1] To ignore, add // eslint-disable-next-line to the line before. [1] [1] [HPM] Error occurred while trying to proxy request /api/users/auth from localhost:3000 to http://localhost:5000 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors) 맨 아래의 2줄은 제외하곤 eslint 떄문에 일어나는 오류인 거 같은데, 맨 아래 2줄의 메세지가 어떤 뜻인지 잘 모르겠습니다. 도움 주시면 감사하겠습니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
안녕하세요 api 질문드립니다
강의 영상에 보면 export const API_URL = "https://api.themoviedb.org/3"; export const IMAGE_BASE_URL = "http://image.tmdb.org/"; 가 나오는데요, 해당 url은 어디서 찾으신건가요? 무비앱 전체 제작 과정 중에 저 2개만 있으면 되기 때문에, 위의 2개 url만 가져오신건가요?이 궁금해서 질문드립니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
다른 사람도 볼수있게 배포하는법
git hub에서 올리고 git-page를 이용해서 배포 할려고 했는데 실행이되지 않습니다. 혹시 어떻게 배포해야 하는지 알려주실수 있으시나요? https://jooyounghwan.github.io/YDS22/ README 화면만 보입니다. 아니면 git hub page를 이용하는 것 말고 또 다른 배포 방법이있을까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
해당 앱을 배포하며 질문이 있습니다!
유튜브에도 같은 글을 올렸는데 혹시 못 보실것 같아 여기에도 올립니다! 안녕하세요, 선생님! 이렇게 좋은 강의를 만들어주셔서 정말 감사합니다. Boiler-plate 강의부터 movie app 강의를 완료하였고 현재 youtube clone 강의를 진행중입니다. 어플리케이션 개발의 전체 흐름을 느낄수 있어 정말 큰 도움이 되었습니다! 배운 내용을 토대로 movie app을 HEROKU를 통하여 배포를 진행중인데, 빌드는 성공하였는데, 어플리케이션을 실행하면 오류가 발생합니다. log를 찍어보면 at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=the-movie-application.herokuapp.com request_id=0ce1e63c-ad5a-4b3e-8c07-ede71ed927f4 fwd="124.53.161.28" dyno= connect= service= status=503 bytes= protocol=https at=error code=H10 desc="App crashed" method=GET path="/" host=the-movie-application.herokuapp.com request_id=7bbaf96d-08c6-48ce-a2ba-f3e72a659017 fwd="124.53.161.28" dyno= connect= service= status=503 bytes= protocol=https 이렇게 찍힙니다. 열심히 구글링해보니 많이 발생하는 오류인것 같은데, stack overflow부터 질문 게시판까지 찾아봐도 해결이 안되서 질문드립니다! 혹시 실례가 안된다면 조언 부탁드립니다! 저는 웹디자이너에서 프론트엔드 개발자로 전업을 준비하고 있는데, React 공식문서와 다른 강의들도 도움이 돼었지만, 선생님의 강의가 저에게는 가장 큰 도움이 된 것 같습니다. 다른 강의와 자료들도 꼼꼼하게 살펴보고 익혀서 좋은 개발자가 될수 있도록 열심히 노력하겠습니다. 정말 감사합니다. :)
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
질문이 있습니다 선생님...
https://github.com/crmrelease/tj-book (참고용인 제가 작업중인 깃헙입니다) 안녕하세요 선생님 강의 참고해서 제가 왓챠같은 도서 어플을 만들어보고 있어요. 정보는 인터파크 api를 이용하구요. 그런데 맨처음 만들었던 plate에서 로그아웃 문제가 아직도 해결되지 않아 부득이하게 질문드립니다 ㅠㅠ 클라이언트단 코드는 이렇구요 로그아웃후에 '/login'으로 돌아가야 하는데, url만 '/login'으로 변하고 페이지는 리다이렉트 되질 않더라구요 그런데 임시로 랜딩페이지에 만든 로그아웃 버튼은 잘 되거든요 왜 네비의 rightmenu에 있는 버튼은 리다이렉트가 되질 않을까요. 사용하는 백단로직은 같고, 콘솔찍어보니 리턴받는 내용도 동일합니다. 네비가 아닌 랜딩페이지에 임시로 만든 로그아웃 버튼은 잘돼요 ㅠㅠ 문제가 무얼까요 그리고 처음에는 선생님께서 만드신 라우터대로 만드니 작동하지 않았는데 BrowserRouter로 감싸주니 코드가 돌더라구요 여기에 문제가 있을까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
잘들었습니다선생님
잘들었습니다선생님. 근데 혹시 read more를 자동으로 실행시키도록 할순 없을까요? 페이스북처럼요. 스크롤을 내리면 실행되게끔 할 순 없나요?