29,700원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
LOGOUT 버튼에 에러가 생깁니다.
현재 Register, Login 까지는 잘 진행되고 있는데, 로그인 후 Logout버튼을 눌렀을 떄 Logout이 되지 않고 오류를 뱉어냅니다. 이미지 첨부할께요.
- 해결됨리액트로 나만의 블로그 만들기(MERN Stack)
PostCardOne.js의 {posts}에 관한 질문입니다.
const PostCardOne = ({posts}) => {} 부분에서 궁금한 것이 있습니다. 코드를 작성하다가 PostCardList.js에서 {post ? <PostCardOne posts={posts}} /> ... 부분과 관련이 있는데요 PostCardOne에서 제가 {} 내부에 post라고 작성을 하여 카드들이 한참 나타나지가 않아서 애를 먹었습니다. 계속 잘못된 부분을 찾아보니 결국 posts와 post가 매칭이 되지 않아서 카드가 나타나지 않은 것으로 생각이 되는데요 react와 관련하여 다른 곳에서는 props를 이용해서 값을 받더라고요. props.posts와 {posts} 가 같은 기능을 나타내는 것인가요? 변수 이름을 서로 맞춰야하는 부분이 PostCardOne에서는 ()안에 {posts}와 PostCardList에서는 <Row>{posts ? <PostCardOne posts={posts} /> ...} 부분에서 {posts}를 담은 posts로 맞추는 것이 맞나요?
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
client 컴파일 에러
모듈을 설치 후 컴파일 하면 다음과 같은 에러가 발생합니다. 해당 모듈(media-embed)을 지우고 다시 설치 해도 같은 현상이 나타납니다. ./node_modules/@ckeditor/ckeditor5-media-embed/theme/mediaembedediting.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./node_modules/@ckeditor/ckeditor5-media-embed/theme/mediaembedediting.css) Module not found: Can't resolve './@ckeditor/ckeditor5-ui/theme/components/tooltip/mixins/_tooltip.css' in 'D:\blog\client\node_modules\@ckeditor\ckeditor5-media-embed\theme'
- 해결됨리액트로 나만의 블로그 만들기(MERN Stack)
Profile 수정 관련 오류 및 질문
PASSWORD_EDIT_UPLOAD_REQUEST를 보내면 PASSWORD_EDIT_UPLOAD_FAILURE를 받고 다음과 같은 오류가 나옵니다. 어느 부분인지 찾고싶어서 서버쪽 user.js에 콘솔로그를 찍어봐도 프로필 수정 라우터가 실행이 안되네요.. https://github.com/sancy1003/blog 혹시 몰라서 깃주소도 올려두겠습니다. 그리고 회원가입 혹은 로그인을 한 즉시 프로필 수정을하려고 Welcome 닉네임 버튼을 누르면 프로필 수정 페이지로 넘어가지 않고 새로고침을 해주어야 넘어가지는데 이부분을 수정하려면 어느 부분을 손봐야 할까요?
- 해결됨리액트로 나만의 블로그 만들기(MERN Stack)
질문드려요!
먼저 많은 질문 죄송합니다, const authLink= (.....abcb) const guestLink=(....) 이렇게 하니까 밑에 같은 에러가 발생하는데요... Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: boolean. Check the render method of `Register`. 그래서 둘다 애로우 펑션으로 했더니, 에러는 나지 않지만 {isAuth? authLink:guestLink} 이렇게 했을 때, 네브바에 로그인이라 리지스터가 나오지 않네요... 혹시 코드 한번 봐주실 수 있을까요? https://github.com/lhj1004ss/myblogwebsite
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
질문있습니다!
로그인부터 리지스터하실때, 온체인지 펑션에서 스테이트에 오브젝트로 넣으시는 이유가 있으신가요?? 예)setForm({e.target.name:,e.target.value}) 제가 다른 튜토리얼을 봤을때는, setForm(e.target.value) 이런식으로 넣어주는 것도 봤었거든요 다른점이 있을까요???
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
eject 과정 에러
git 수행후 eject를 수행하니 다음과 같은 에러가 나옵니다. git 를 처음 사용해봐서 그런지요. 지난번 수행 후 처음 해서 .... > client@0.1.0 eject D:\blog\client > react-scripts eject NOTE: Create React App 2+ supports TypeScript, Sass, CSS Modules and more without ejecting: https://reactjs.org/blog/2018/10/01/create-react-app-v2.html ? Are you sure you want to eject? This action is permanent. Yes Ejecting... `config` already exists in your app folder. We cannot continue as you would lose all the changes in that file or directory. Please move or delete it (maybe make a copy for backup) and run this command again. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! client@0.1.0 eject: `react-scripts eject` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the client@0.1.0 eject script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2020-09-03T07_00_59_600Z-debug.log PS D:\blog\client>
- 해결됨리액트로 나만의 블로그 만들기(MERN Stack)
설치 중 문제
PS D:\blog\client> npm install --save @ckeditor/ckeditor5-react @ckeditor/ckeditor5-build-classic 이후 warning 메세지가 나온 후 PS D:\blog\client> npm run eject > client@0.1.0 eject D:\blog\client > react-scripts eject NOTE: Create React App 2+ supports TypeScript, Sass, CSS Modules and more without ejecting: https://reactjs.org/blog/2018/10/01/create-react-app-v2.html ? Are you sure you want to eject? This action is permanent. Yes This git repository has untracked files or uncommitted changes: 1-Basic_Node_React(200413-0417).hwp D "1-react blog(200821-).hwp" M package-lock.json M package.json M server/app.js M server/server.js .prettierrc client/ server/config/ server/middleware/ server/models/ server/routes/ Remove untracked files, stash or commit any changes, and try again. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! client@0.1.0 eject: `react-scripts eject` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the client@0.1.0 eject script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2020-09-03T05_31_02_624Z-debug.log PS D:\blog\client> 라고 나오네요
- 해결됨리액트로 나만의 블로그 만들기(MERN Stack)
블로그가 접속이 안되네요
CKEditor 수강 중 중 블로그 접속을 하려는데 접속이 되지 않습니다.
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
안녕하세요. 강의 잘 듣고 있습니다.
1. 첫페이지에 들어가면 이런 에러가 뜨는데 정상인지용? 지금 강의는 REGISTER saga만드는 부분까지 들엇습니다. 2. 로그인 하고 로그아웃하면 이 에러가 뜨는데 이거 때문인거 같긴한데 이유를 알 수 있을까요? 깃헙 주소는 https://github.com/JiHoon777/blog 입니다. 강의 정말 감사해요~ ㅎㅎ 만약 제가 해결하면 댓글 남길게요. 좋은하루 보내십숑
- 해결됨리액트로 나만의 블로그 만들기(MERN Stack)
Navbar에 관해서 질문이 있습니다
안녕하세요 강사님 Navbar에 관련해서 질문을 남겼습니다. <Navbar isOpen={} navbar></Navbar> 이런 형식으로 작성을 해주셨는데요 navbar도 isOpen처럼 state 값을 넣기 위한 props를 위해서 작성하신 건가요? Navbar를 검색해도 navbar에 대한 기능이 없는 것 같아서요
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
글 작성시 postDetail 컴포넌트로 넘어가는 부분이 동작하지 않습니다
- 제출하기 버튼을 누른 후 콘솔로그 - postSaga.js 글 작성시 제출하기 버튼을 누르면 postSaga.js의 58째줄 이후 코드가 동작하지 않는것 같습니다. 그리고 제출하기 버튼 클릭시 제가 생각하는 코드가 실행되는 순서가 맞는것인지 궁금합니다! 깃허브 주소: https://github.com/nathaneast/blog 1. postWrite.js 파일: 85번째줄 POST_UPLOADING_REQUEST 디스패치 2. postReducer.js initialState의 loading을 true 값으로 변경 3. postSaga.js export default function* postSaga() { yield all([ fork(watchLoadPosts), fork(watchUploadPosts), fork(watchLoadPostDetails), ]); } postSaga 함수 fork(watchUploadPosts) 실행 4. function* watchUploadPosts() { yield takeEvery(POST_UPLOADING_REQUEST, uploadPosts); } uploadPosts 함수가 실행됨 5. 59번째줄 uploadPostsAPI 함수가 실행됨 6. 53번째줄 주소로 서버에 요청 6. server/app.js 에서 해당 주소로 이동 app.use("/api/post", postRoutes); 7. server/routes/api/post.js router.post("/" ..... return res.redirect(`/api/post/${newPost._id}`); 작성한 포스트 주소값으로 이동 8. postSsaga.js 61번째줄 코드 실행 실패시 67번줄 코드 실행
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
안녕하세요!
오늘부터 강의를 보기시작했는데, .env 파일이 만들어지지 않는거 같아 질문드려봅니다! .env를 파일을 만들면 이상하게 설정파일? 같은 모양이 만들어지네요.. 그래서 npm dotenv를 재설치 해봐도 똑같은 현상이 계속 발생합니다. 저 .env라는 파일에 몽고디비 uri를 적어서 에러가 나는거 같아서 질문드립니다!
- 해결됨리액트로 나만의 블로그 만들기(MERN Stack)
reducers POST_UPLOAD_...
안녕하세요 강사님 코드 작성 중에 의문점이 생겨 질문을 하게 됐습니다. 영상 1:10초 부분에 글쓰기 부분에서 제출하기 버튼 누른 후 PostDetail로 가는 부분인데요 PostWrite.js에서 제출하기 버튼 누르면 dispatch로 POST_UPLOADING_REQEST 요청보냅니다. 그런데 여기서 순서가 dispatch -> reducers -> saga 순서로 알고 있습니다. 강사님 깃허브를 봐도 postReducers.js에 POST_UPLOADING 관련된 코드가 없습니다. 근데 postSaga.js에서는 POST_UPLOADING 코드가 있구요 신기한게 영상에서는 postDetail로 넘어가고, 제 코드는 redux_devtools를 봐도 POST_UPLOAD_REQUEST가 발생하는게 끝입니다. 뭐 틀린게 있나 싶어서 강사님 postWrite.js 복사해도 똑같네요 다른 문제점이 있을까요?
- 해결됨리액트로 나만의 블로그 만들기(MERN Stack)
다른 분께서 질문주신 내용에 대해서 궁금한 것이 있어서 질문을 올립니다
안녕하세요 강사님 올려주신 강의 덕분에 많은 것을 배우고 있습니다. 다른 분이 질문 주신 내용에 대해서 궁금한 것이 있어서 질문드립니다. 작성하신 코드가 promise로 작성이 되었다는 질문인데요. 제가 promise가 어떤 것인지 잘 몰라서 구글에 promise를 검색해봤는데 작성하신 코드에서는 promise에 있는 요소? 메서드?가 보이지 않아서요. 어떤 부분이 promise인지 알 수 있을까요
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
이미지 업로드 하자마자 깨지는 현상 ?
안녕하세요 강사님 이미지를 올리면 바로 깨져버리는 상황인데 어떤 부분이 문제인 거 같나요? 1. 이미지 업로드 깨짐 2. 개발자 도구- 콘솔 로그 에러 3. 2번 이미지의 주소로 들어갔을 때 4. aws s3 업로드 폴더 (잘 들어가고 이미지도 제대로 나옴) 그대로 따라한 거 밖에 없는데 어떤 부분이 문제인지 잘 모르겠네요
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
39강) getDataFromCKEditor 함수 질문 입니다
CKEditor에 글을 입력중에 CKEditor 영역 밖을 마우스로 클릭하면 onBlur 속성의 getDataFromCKEditor 함수가 실행될때 img 태그의 src 속성이 존재하지 않아서 data.match("<img src=") 값을 찾지 못합니다. 제가 어떤 부분을 놓치고 있는걸까요 ㅠㅠ.. 깃허브 주소: https://github.com/nathaneast/blog
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
/client/src/store.js 코드 검토
코드를 검토하고 있는 데요 .. 16강에서 /client/src/store.js 파일을 보면 import rootsaga from ".redux/sagas" 로 되어 있는데 ".redux/sagas/index" 가 아닌가요? 위줄에서 reducers/index 인 것 처럼이요. 수고하세요.
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
코드에서 혼동이되는 부분이 있습니다
4분 38초, 7분 38초 authSaga.js 에서 watchRegisterUser, watchClearError 부분 코드가 작성되어 있어서 내가 이 부분 코드 작성하는 걸 놓친 건지, 강의가 누락된 건지 헷갈려서 이전, 다음 강의들을 살펴보니 다음 강의에서 이 부분을 작업하는 것 같네요 저처럼 다른 분들도 혼동할 수 있는 부분인 것 같아서 제보 드립니당 :)
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
404 오류
로그인 모달창에서 login 버튼을 누르면 404 에러가 발생합니다. app.js에서 '/api/auth' 경로는 제대로 설정이 되어있는데 뭐가 문제인지 모르겠습니다 ㅠㅠ 깃허브 주소 https://github.com/nathaneast/blog - login 버튼 클릭 후 404 에러 - app.js -routes/api/auth.js