29,700원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
안녕하세요! 모듈 import 질문입니다.
안녕하세요! 모듈 import 할 때 자동완성이 안되는데 왜그럴까요? package.json보면 모듈들이 정상적으로 설치되어있는것은 확인했습니다! 자동완성이 안되니 생산성이 떨어지네요ㅜㅜㅜㅜ
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
Same Site Cookie
안녕하세요, 이번 강의를 듣다가 UserLoading 부분에서 다 똑같이 작성하였지만, 새로고침을 누를때마다 UserLoading 부분에서 Payload가 Null로 들어가서 로그아웃이 됩니다. 찾아보니까, 이렇게 SameSite Cookie라는 것때문이라는것같은데, 여기서 어떻게 해주어야 되는지 잘 모르겠습니다. 혹시 알려주실수있을까요? 감사합니다, 덕분에 강의 잘 듣고있습니다.
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
빌드 및 실행은 되나 접근 불가...
greenlock 주석처리 하고 app,listen으로 여니까 이렇게 조금 바뀌고 안되네요 ㅠㅠ 어느 부분이 문제일까요...
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
빌드가 안됩니다 ㅠㅠ
ckeditor 모듈을 계속 못 찾겠다고 하는데, 원래대로 ckeditor5-dev-utils도 안먹히고, 계속 이 상태입니다 ㅠㅠ 일단 환경은 azure에서 ubuntu 18.04로 돌리고 있고, package.json 설치는 했습니다. 필요없는 몇가지 파일들을 날리고 변수를 조금 바꾸긴 했는데 모듈을 못 찾는거로 빌드가 안되어서 당황스럽네요 ㅠㅠ
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
안녕하세요, 에러가 계속 생겨서 질문드려요!
안녕하세요, 하다가 도저히 무슨의미인지 몰라서 이렇게 질문드립니다. CKEditor에서 이러한 에러가 뜨는데 어떻게 해결할수있을까요?
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
모듈 관련 오류
하다하다 안 되어서 도움 요청드립니다ㅠ PostWrite 작성 중에 모듈 관련 오류가 발생했습니다. webpack, aws, server(post)를 수행한 이후, client에 eslint-loader 모듈이 없어서 로컬로 연결되지 않는다는 오류가 나왔고, 해당 모듈을 설치하니까 'babel-plugin-transform-remove-console' 모듈이 없어서 연결되지 않는다는 오류가 나왔습니다. (eslint 관련 모듈은 강사님의 깃 내용과 비교했을 때, eslint-loader를 제외한 다른 것들은 다 설치되어 있었습니다.) babel-plugin-transform-remove-console를 설치하면 console.log 관련 내용을 다 제거하는 걸로 알고 있는데, 어떻게 해야 할까요?; (작업 중에 babel-plugin-transform-remove-console를 설치하면 원활하게 진행할 수 없지 않나요?;) 여러 방면으로 찾아봐도 그 해결법을 모르겠어서 도움 요청드립니다ㅠ
- 해결됨리액트로 나만의 블로그 만들기(MERN Stack)
38강의 CKEditor에 대한 화면에 이상하게 나와서 문의 드립니다.
38강의 듣고 일부를 화면 작성을 들어가면 CKEditor의 텍스트 편집기 나와야 하는데,, 전혀 나오지 않고 이런식으로 나옵니다. 다른분이 질문을 한것이 있어서 저도 이미 했지만. client/ npm uninstall style-loader 과 client/npm i style-loader을 해서 2버젼이상으로 했습니다. 그런데... 전혀 변화가 없습니다. package.json 일부 내용입니다. "sass-loader": "8.0.2", "seamless-immutable": "^7.1.4", "semver": "6.3.0", "style-loader": "^2.0.0", 버젼을 높여 보았는데 똑 같은 현상이라서 <PostWrite.js> import React, { useState } from "react"; import { useSelector } from "react-redux"; import { Form, FormGroup, Label, Input, Button, Col, Progress, } from "reactstrap"; import {CKEditor} from "@ckeditor/ckeditor5-react"; import ClassicEditor from "@ckeditor/ckeditor5-editor-classic/src/classiceditor"; import { editorConfiguration } from "../../components/editor/EditorConfig"; import Myinit from "../../components/editor/UploadAdapter"; import dotenv from "dotenv"; dotenv.config(); const PostWrite = () => { const { isAuthenticated } = useSelector((state) => state.auth); const [form, setValues] = useState({ title: "", contents: "", fileUrl: "" }); //const dispatch = useDispatch(); const onChange = (e) => { setValues({ ...form, [e.target.name]: e.target.value, }); }; return ( <div> {isAuthenticated ? ( <Form> <FormGroup className="mb-3"> <Label for="title">Title</Label> <Input type="text" name="title" id="title" className="form-control" onChange={onChange} /> </FormGroup> <FormGroup className="mb-3"> <Label for="category">Category</Label> <Input type="text" name="category" id="category" className="form-control" onChange={onChange} /> </FormGroup> <FormGroup className="mb-3"> <Label for="content">Content</Label> <CKEditor editor={ClassicEditor} config={editorConfiguration} onReady={Myinit} onBlur='' /> <Button color="success" block className="mt-3 col-md-2 offset-md-10 mb-3" > 제출하기 </Button> </FormGroup> </Form> ) : ( <Col width={50} className="p-5 m-5"> <Progress animated color="info" value={100} /> </Col> )} </div> ); }; export default PostWrite; CKEditor 버젼이 조금 바꾸어지면서 import { CKEditor } 해주지 않으면 오류가 나더군요. 그리고 < CKEditor />에도 onInit 대신 onReady 변경해보았습니다. 그리고 onBlur={} 해보라고 화면에서 설명이 되어있었는데...이부분도 오류가 나서 ''으로 처리 했습니다. 오류는 없지만 ...편집기 제대로 실행이 안되는것 같아서. webpack.config.js의 css가 전혀 작동하지 않는것 같습니다. css는 https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/react.html 설명서 처럼 똑 같이 넣어 주었습니다. 확인 부탁드립니다.
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
ckeditor가 왜 안 보일까요?ㅠ
http://localhost:3000/post로 연결되면 ckeditor가 보이지 않습니다. 말 그대로 그냥 빈 화면만 뜹니다ㅠ 강의보면서 ckeditor 관련 설치 및 aws 세팅을 다 맞췄습니다. 세팅하는 중에 에러난 것도 없었습니다. ( aws 키 등 관련해서도 다 세팅했습니다) 그리고 ckeditor 세팅 전, PostWrite창에 'PostWrite'라는 문구를 썼을 때에도 /post로 연결될 때 해당 문구가 잘 보였습니다. ckditor 관련 문제가 있어서 지금 ckeditor가 안 보이는 거 같은데, 그 이유를 모르겠습니다ㅠㅠ 도와주세요, 강사님...ㅠㅠ 관련 깃주소입니다. https://github.com/park-go/homepage/blob/master/client/src/routes/normalRoute/PostWrite.js
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
ref에 대해 질문드립니다
user.js 에서 posts는 ref를 posts 라고 주고 category.js에서 posts는 ref 를 post로 주셨는데 왜 그렇게 하셨나요? 그리고 posts라고 명시한게 없는데 posts로 줘도 상관없나요?
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
new true에 관 해
new를 설정해야 반드시 업데이트가 적용된다고 하셨는데, routes/api/post.js 파일에 195번째줄과 같이 findByIdAndUpdate를 사용한 구문이 여러개 있는데, 여기선 new true를 적용을안해도 동작하나요?
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
4:32에 addPostClick의 내용 찾아볼 수가 없습니다ㅠ
4:32에 addPostClick의 내용을 빈 값으로 넣어주셨는데, 추후 그 값을 넣어주는 강의가 없어서요ㅠ CKEditor 관련 강의 듣다가 add post를 눌렀는데, 아무런 반응이 없어서 찾아보니 addPostClick에 대한 내용이 없는 것을 확인했습니다. 다른 강의들도 다시 훑어봤는데, 그 부분에 대한 언급이 없어서 질문 남깁니다ㅠ
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
리액트는 훅으로 진행하시나요??
이제 들으려고 하는데 리액트는 혹시 훅으로 진행하시는지, 클래스로 작업을 하셨는지 궁금해서 먼저 문의 남겨봅니다.
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
오류가발생합니다.
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-loader": "8.1.0" Don't try to install it manually: your package manager does it automatically. However, a different version of babel-loader was detected higher up in the tree: /Users/hyunjunkim/Documents/blog/node_modules/babel-loader (version: 8.2.1) 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-loader" 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 /Users/hyunjunkim/Documents/blog/node_modules/babel-loader is outside your project directory. For example, you might have accidentally installed something in your home folder. 7. Try running npm ls babel-loader in your project folder. This will tell you which other package (apart from the expected react-scripts) installed babel-loader. If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project. 리액트를 client에 작성시 위와같은 오류가발생하고.. 순서대로했는데도 오류가발생합니다..
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
[nodemon] app crashed - waiting for file changes before starting...
[nodemon] app crashed - waiting for file changes before starting... 이런식으로 계속에러가 나서 sudo lsof-i"7000" 으로 계속 포트를 죽여야 서버가 실행되는데 혹시 해결 방법이 있나요?
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
connected-react-router
react-router-dom의 history.push와 connected-react-router의 push는 어떤 차이때문에 쓰시는 건지 알 수 있을까요? 단순히 페이지 이동이라면 history.push면 될텐데 그게 아닌 것 같아서요.
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
aws 웹사이트가 업데이트된거같은데요
모든 사람(퍼블릭 액세스)에 쓰기 권한이 주는게 안되고, cors 설정도 오류가 뜹니다. 혹시 댓글이나 운영하시는 블로그에 관련 글 올려주실수 있으신가요
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
useEffect( callback, [dispatch])
useEffect의 의존성 배열에 dispatch가 들어갔다는 건, dispatch에 변화가 일어나야 useEffect가 실행되는 걸로 알고 있습니다. 그런데 dispatch는 useDispatch(), 즉 인자 없이 실행한 함수의 결과인데 언제 바뀐다고 볼 수 있는건가요? 강의 잘 보고 있습니다!
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
loadingUser의 역할
강의 잘 듣고 있습니다~1.loginUser실행시 localStorage에 token이 저장되므로 페이지 이동시에도 로그인 판단이 가능한 것이 맞나요? 2.로그인 성공시 token이 존재하는데 loadingUser가 왜 필요한지 어떤 역할을 하는지 헷갈립니다. 특정 유저의 데이터를 불러 오기 위한 건가요?
- 리액트로 나만의 블로그 만들기(MERN Stack)
Basic Setting Install npm오류
삭제된 글입니다
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
Redux/saga를 많이 사용하게 되면 불리할까요?
강의와 별개의 내용일수도 있지만, 한가지 여쭙고 싶습니다. 선생님 강의를 듣고 테이블을 좀 많이 사용하는 프로젝트를 하나 해보고 있습니다. 각 테이블마다 saga/reducer를 하나씩 만들고 있는데요, 이럴경우 문제가 될 수 있나요? 공통된 부분은 묶어내고 싶긴 한데, 분류하기가 조금 복잡해서요. 예를 들어, authReducer, customerReducer, productReducer 등등 각 테이블마다 다 만들었거든요. 이런 경우 퍼포먼스 면에서 부족함이 있을까요? 내용이많고 큰 프로젝트보단 중/소 규모의 프로젝트가 리액트에 어울리다라는 이야기를 들은적이 있었지만, 개발하는 사람의 능력에 따라 다르겠지만, 제가 배운 내용을 기반으로 한번 프로젝트를 진행해보고 싶어서 이렇게 시도해보고 있습니다. 강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다.