29,700원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
리덕스!!
강사님이 만든거 그대로 제가 따라해서 만들었어요 근데 엑시오스로 겟으로 줬을때 네트워크 보면 데이터가 나오는걸 확인 할수있는데 useselector로 이용해서 스테이트에 쓰려 하니까 잘안됩니다. 콘솔로 찍어보면 언파인드로 나옵니다. const base = useSelector((state) => state.config.site_copyright); 이렇게 하면 필드 한줄이 나와야하는데.. 뭐가 문제일까요? 아무리 해봐도 출력 안되고 state.config를 로그에 찍어서 보니까 좀 이상하게 나옵니다. {base:""} {base:undefined} {base:{....}} 이렇게 나옵니다. 그리고 제가 만드려는 의도는 그냥 홈페이지에 기본설정을 디비에 넣었는데 그걸 이용해서 그대로 출력 하고싶은데 어떤게 문제인진 모르겠네요 ㅠㅠ
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
혹시 이런식으로 경로 나오는건 어떻게 하는건가요?
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
음.. 영상에 ..짤린게 있네요
거의 끝자락에서 type import 하잖아요 그거 짤려 있네요.. 깃헙에 자료 있어서 그걸로 덮어 씌었어요..
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
모달 질문이요
질문이 있는데요 제가 로그인 모달창을 구현하고 로그인 모달창 내부에 회원가입 버튼을 넣었는데 그걸 누르면 회원가입 모달창을 띄워주고 로그인 모달창을 닫고싶은데 잘 안되서요 방법 좀 알수있을까요? ㅠㅠ
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
token에 관련해 질문드립니다.
안녕하세요. 우선 강의 잘 보고 있습니다. 본론부터 빠르게 말씀드리면 auth 미들웨어를 생성을 하여서 router/api/post.js에서 auth를 삽입해서 토큰인증과정을 거쳐서 회원가입한 유저만 post를 작성하게 한걸로 알고 있습니다. 로그인에서도 로그인 요청시 토큰을 생성하고 auth 미들웨어를 통해 해당 토큰이 맞는지 확인후 로그인 접속을 하게 만드셨는데 그렇다면 굳이 회원가입에서 토큰이나, auth를 사용하지않아도 되지 않지 않나요? 왜냐하면 어차피 로그인시 새로 토큰을 제공해주고 그 정보로 로그인해서 post작성까지 할것인데, 왜 굳이 회원가입에도 토큰을 제공하고 인증절차를 거치는지 궁금합니다. 쓸모없는 인증절차가 아닌지 해서요 궁금해요!!
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
이미지 업로드 완료 후 사라짐..
이미지 업로드 완료한 이후에 에디터에서 이미지가 사라집니다.. img src ="" 빈칸으로 뜨구요. 별다른 에러문구가 뜨는 것도 아니고, AWS S3 세팅도 다 한 것 같은데..안되네요... 어디서부터 확인을 해야 할까요...
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
안녕하세요~ 질문하나 드립니다!
안녕하세요 이제 강의 정주행 하려고 하는데요 ! 혹시 강의에 ssr 도 진행이 되는걸까요 ? 강의 들으면서 저는 next js로 진행해도 상관없을까요 ?
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
프런트작업할때 npm run start하다가 갑자기 왜 npm run dev인가요?
프런트 작업할때는 계속 client 루트에서 npm run start를 하여서 리액트 3000번 포트를 실행시켰는데이번 강의에서부터는 익스프레스 7000번 포트를 실행시켜서 리액트를 띄우네요.프런트를 서버와 연동하는 부분이 누락된건가요?이후 강의에서 "dev": "nodemon ./server/server.js --exec babel-node --ignore './client'" 이걸 설명하는데 언급한적이 없으신것 같아 혼란이 옵니다.서버와 연동시키는지 알려주시면 감사하겠습니다.
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
404 Error
https://github.com/SBiografia/SBlog data는 잘 받아오는 듯 한데, errorMsg 표시도 없고.. 404 error가 계속 납니다. 다른 답변에 있던 proxy도 추가했는데 여전히 안되네요...ㅜ
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
서버 실행 npm run dev 오류 (맥사용자입니다!)
(사진)
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
09:35 질문드립니다!
안녕하세요 강의 잘듣고 따라해보고 있습니다. 09:35분에 useEffect() 내부에 token 정보를 받아오기 위해 USER_LOADING_REQUEST dispatch 추가하는 부분 질문드립니다. 해당 코드를 추가하면 Postdetail.js가 로드 될시에 POST_DETAIL_LOADING_REQUEST와 함께 USER_LOADING_REQUEST 가 dispatch 되고 authRecuer를 거쳐 authSaga에서 userLoadingAPI를 가 호출되면서 axios.get( 'api/auth/user' ) 요청이 날아갑니다. 문제는 해당 요청이 baseURL 경로가 아니라 상대경로인 baseURL + /post/ 경로로 날아가네요; 카드를 클릭했을 때 경로가 설정되면서 그상태로 dispatch 되는것 같은데 없는 라우팅경로로 auth요청이 날아가면서 404응답과 함께 로그인이 풀립니다ㅜㅜㅜ 선생님 홈페이지는 정상적으로 baseURL + api/auth/user로 요청이 잘 날아가네요! 잘못된 부분이 있는건지 모르겠네요! 질문드릴꼐요 https://github.com/gksrbans/mern-stack
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
cors 정책으로 인하여 데이터베이스에서 데이터를 불러 올 수가 없습니다
분명 선생님이 하신 https를 허용하겠금 코딩을 했음에도 불구하고 자꾸 데이터베이스로 요청을 할때 호스트가 로컬호스트로 잡힙니다. ec2 서버에도 .env에 포트 설정을 443으로 하고 클라이언트 .env의 서버 url도 https 도메인으로 바꾸었음에도 불구하고 안되네요 도와주세요 ㅠㅠ 무엇이 잘못 된걸까요? https://github.com/aidenkimgj/my_blog/blob/master/server/app.js
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
aws 버킷 정책 오류
정책을 생성 후 입력하면 위와 같은 오류가 발생합니다. 찾아봐도 권한 부여를 어떤 식으로 하는지 알기 힘드네요 ㅠㅠ
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
[nodemon] app crashed - waiting for file changes before starting...
서버만 구현시 오류 없이 실행 완료하였는데 client를 만들고 실행하려고 하니 오류가 뜨네요 react는 오류 없이 작동하는데 server이 오류가 뜨는데 어떻게 해결해야할까요. "type": "module" 추가하였는데 동일하게 작동하네요.
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
npm run start 에러 질문입니다.
> client@0.1.0 start > react-scripts start 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: "webpack": "4.44.2" Don't try to install it manually: your package manager does it automatically. However, a different version of webpack was detected higher up in the tree: C:\Users\great\Documents\prj\node_modules\webpack (version: 5.37.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 "webpack" 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 C:\Users\great\Documents\prj\node_modules\webpack is outside your project directory. For example, you might have accidentally installed something in your home folder. 7. Try running npm ls webpack in your project folder. This will tell you which other package (apart from the expected react-scripts) installed webpack. 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! 위와 같은 에러가 현재 발생하고 있습니다. 제 client package.json 입니다. { "name": "client", "version": "0.1.0", "private": true, "dependencies": { "@testing-library/jest-dom": "^5.12.0", "@testing-library/react": "^11.2.6", "@testing-library/user-event": "^12.8.3", "react": "^17.0.2", "react-dom": "^17.0.2", "react-scripts": "4.0.3", "web-vitals": "^1.1.2" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] } } 앞에 질문에도 package.json을 비교해보며 버전을 바꿔보라고 하셨는데 이미 eject가 되어있는 상태라 어떤 것을 바꿔야 할지 모르겠습니다.
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
포스트맨에서 센드를 하면 터미널에서 이러한 메세지가 뜹니다.
_message: 'post validation failed' 라는 문구가 터미널창에 뜨는데 무엇이 문제일까요? npm 연결은 잘되고 코드도 문제 없는데 무엇이 문제인지 모르겠네요 ㅜㅜ
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
아마존에서 제공한 ip 주소에 연결이 되지 않습니다.
연결이 거부되는 것으로 보아 instance 설정에서 제가 뭔가 잘못 한 것 같은데 어디를 건드려야할까요?
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
메모리 관련 질문입니다.
아마존 내에서 build가 메모리 부족으로 인하여 잘 되지 않아서 window에서 build한 뒤 git을 통해 update를 하려고 하는데 가능할까요? 그리고 서버부분의 build/server을 실행했는데 리액트도 작동하는 이유가 뭔가요?
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
npm run start 에러질문
PS C:\Users\KHS\Desktop\web_class\mern\client> npm run start > client@0.1.0 start > react-scripts start 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: "webpack": "4.44.2" Don't try to install it manually: your package manager does it automatically. However, a different version of webpack was detected higher up in the tree: C:\Users\KHS\Desktop\web_class\mern\node_modules\webpack (version: 5.27.2) 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 "webpack" 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 C:\Users\KHS\Desktop\web_class\mern\node_modules\webpack is outside your project directory. For example, you might have accidentally installed something in your home folder. 7. Try running npm ls webpack in your project folder. This will tell you which other package (apart from the expected react-scripts) installed webpack. 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! npm ERR! code 1 npm ERR! path C:\Users\KHS\Desktop\web_class\mern\client npm ERR! command failed npm ERR! command C:\Windows\system32\cmd.exe /d /s /c react-scripts start npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\KHS\AppData\Local\npm-cache\_logs\2021-04-15T20_44_19_476Z-debug.log 이렇게뜨는데요 저기서 제시해준 1~4번부터는 시도해봤습니다만 같은에러가 뜹니다
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
지금 이번 강의까지 듣고 질문이 있습니다
지금까지 따라치면서 공부했는데요 너무 처음보는부분들이 많아서요... 저는 노드 간단하게 배웠는데 (간단하게 투두리스트로 서버랑연결하고 CRUD정도) 그거하다가 지금 강의를 들으니까 그냥 따라치는느낌만 받습니다ㅠㅠ.... 혹시 이정도 수준이면 실무에서 주니어정도로 수준일까요?(목표를 잡고 공부하고싶어서 여쭤봅니다) 그리고 그전에 진짜간단한 프로젝트만하다가 이강의를 들으니까 문턱이 너무높아보입니다 단계적으로 올라가야 이해가 될텐데 혹시 어떻게 공부해야될까요? 참고할만한게 잇을까요?