29,700원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨리액트로 나만의 블로그 만들기(MERN Stack)
CKEditor 질문입니다... 제발 도와주세요 ㅠㅠ
import React, { useState } from "react"; import { useSelector, useDispatch } 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"; const PostWrite = () => { const {isAuthenticated} = useSelector( (state) => state.auth ) const {form, setValue} = useState({ title: "", contents: "", fileUrl: ""}) const dispatch = useDispatch() const onChange = (e) => { setValue({ ...form, [e.target.name] : e.target.value }) } const getDataFromCKEditor = (event, editor) => { console.log('editor') } const onSubmit = async(e) => { await e.preventDefault() const { title, contents, fileUrl, category } = form } return ( <> {isAuthenticated ? ( <Form onSubmit={onSubmit}> <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} // onInit={Myinit} // onBlur={getDataFromCKEditor} /> <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> )} </> ); } export default PostWrite (38강입니다.) PostWrite.js에서 import CKEditor from "@ckeditor/ckeditor5-react"; 코드를 통해 CKEditor불러와야 하는데 하단의 에러가 발생합니다. Uncaught 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. 라는 에러가 발생해서 구글에 검색해보니깐 import CKEditor from "@ckeditor/ckeditor5-react"; 이 코드에서 import를 못해와서 발생하는거같습니다만... package.json에서 @ckeditor/ckeditor5-react 정상적으로 설치되었음에도 불구하고 왜 import를 못하는건지 도저히 모르겠습니다...
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
store.dispatch와 useDispatch가 정확히 무슨 차이가 있는건가요?
loadUser.js에서 store.dispatch라고 작성하셨는데 useDispatch를 안쓰고 저렇게 쓰는 이유가 무엇인가요??
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
redux-promise 적용에 대하여 질문올립니다
안녕하세요. 제가 강의의 내용을 응용해보고 싶어서 redux-promise을 통해 적용해보고자 했는데 간단한 실험을 해보니 TypeError: dispatch(...).then is not a function 계속 위의 에러가 뜨면서 안되네요.. 일단 아래와 같이 redux-promise을 적용해보았습니다. 뭐가 문제일까용... import { createStore, compose, applyMiddleware } from 'redux'; import createSagaMiddleware from 'redux-saga'; import { createBrowserHistory } from 'history'; import { routerMiddleware } from 'connected-react-router'; import promiseMiddleware from 'redux-promise'; import createRootReducer from './redux/reducers/index'; import rootSaga from './redux/sagas' export const history = createBrowserHistory(); const sagaMiddleware = createSagaMiddleware(); const initialState = {} // state 초기값 const middlewares = [sagaMiddleware, routerMiddleware(history), promiseMiddleware] const devtools = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__; const composeEnhancer = process.env.NODE_ENV === "production" ? compose : devtools || compose; //createStore안에 있는 3개를 합쳐 store을 만들어주는 것 const store = createStore( createRootReducer(history), initialState, composeEnhancer(applyMiddleware(...middlewares)) ); //saga 미들웨어 작동하기 위한 것 sagaMiddleware.run(rootSaga); //////////////////////// 아래는 redux-promise가 되는지 실험해본 코드입니다. AppNavbar의 로그인 전송버튼입니다. export default store; const onSubmit = (e) => { e.preventDefault(); const { email, password } = form; const user = { email, password }; console.log(user); dispatch({ type: LOGIN_REQUEST, payload: user, }).then(() => { console.log('Test'); }); };
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
description에 반영이 안됩니다.
강사님처럼 라이브러리를 설치하면 즉각 package.json 반영이 되어야하는데 반영이 되질 않습니다.
- 리액트로 나만의 블로그 만들기(MERN Stack)
(23) Header(4) - LoginModal(2) 까지 들었는데 질문이 있습니다.
삭제된 글입니다
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
http로 배포해도 괜찮을까요?
https를 시도해보려다가 실패해서 http로 배포하려고합니다. 강의하신대로 따라했고 http로 배포한다면 보안이 위험할까요??
- 해결됨리액트로 나만의 블로그 만들기(MERN Stack)
이런 에러는 뭔가요
모달 창 띄우고 서브밋을 눌러보면 모달에서 msg로 나와야한데 안나오네요
- 해결됨리액트로 나만의 블로그 만들기(MERN Stack)
window10 환경에서 npm run dev-watch 실행 시 error: unknown option '--ignore'./client'' 오류질문입니다.
바쁘실텐데 죄송합니다. 아무리 찾아봐도 나오지 않아서..질문드려봅니다 어디가 문제일까요...필요하신 부분있으면 말씀해주시면 바로 업로드 할게요.
- 해결됨리액트로 나만의 블로그 만들기(MERN Stack)
로컬에서 빌드는 되었지만 에러가 납니다
현재 윈도우 환경으로 수업을 따라 가고 있습니다. require가 정의 되지 않았다고 자꾸 에러가 납니다 도와 주세요 ㅠㅠ
- 해결됨리액트로 나만의 블로그 만들기(MERN Stack)
client package.json 쪽 질문 입니다
프록시의 포트를 8080으로 두는 이유가 뭔지 알 수 있을까요? 그리고 호스팅 서버 쪽에서는 env 파일 안에 포트를 80으로 둔걸로 기억하는데 왜 그런지 궁금합니다.
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
Infinite Scroll 문제
안녕하세요 강사님 강의 잘 보고있습니다. 가장 최초 게시물 페이지에 진입하면 오류가 뜨지 않는데 다른 페이지로 들어갔다가 PostCardList 페이지로 들어가면 다음과 같은 오류가 발생하면서 기존에 있었던 게시물들이 반복해서 뜨는데요ㅠㅠ 어느 부분이 문제일까요?ㅠㅠ https://github.com/HyunYuJin/me_blog 제 깃 주소도 올려드려요!!ㅠㅠ 감사합니당
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
다른 탭이나 브라우저의 정보가져 올 수 있나요?
혹시 다른 탭이나 브라우저에서 보내는 request나 아니면 다른 탭이나 브라우저가 현재 있는 url등을 들고 올 수 있는 방법이 있을까요? 정말 오래 찾았는데도 안나와서 질문 드립니다 ㅠㅠ 수업과 관련없는 질문드려서 정말정말 죄송합니다.ㅠㅠ
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
store.js 의 설명이 조금 부족 합니다.
안녕하세요. 잘 보고 있는데, store.js 쪽에 redux나 사이드 이펙트 관련 된 것들 왜 저렇게 만들고, 이것들이 다 뭘 의미 하는지 설명이 조금 부족 한 것 같습니다. 저는 스스로 검색해서 다 찾아 보긴 했는데, 이 부분에서 뭘 의미하는지 모르고 넘어가는 사람이 많을 것 같아서 아쉽 습니다.
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
회원가입 시 토큰
expiresIn이 3600으로 짧은데 회원가입 할 때 토큰을 이 시간 동안 사용하는 이유가 뭔가용?? 노드 코린이라 ..ㅠ ㅠ
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
헤더와 푸터 경로문제
리액트 경로가 잡히지 않는것 같아요 헤더랑 푸터 임포트해서 했는데도 Can't resolve '../components/Footer' in 이런 에러만 뜹니다...
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
근데 몽고디비
근데 몽고디비로 꼭 해야하나요? 마이스큐엘로 짜도 되나요?
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
명령어 입력하는거
명령어 입력하는거 밑에다가 메모해주시면 안되나요? 영상 프로그레스바때문에 가려지네요
- 미해결리액트로 나만의 블로그 만들기(MERN Stack)
메모리 부족 문제
강사님과 똑같이 따라했는데 ec2 상에서 npm run build 시에 heap out of memory가 뜨네요ㅠㅠ 확인 한번 부탁드려요ㅠ
- 해결됨리액트로 나만의 블로그 만들기(MERN Stack)
npm run start 시에 오류가 뜹니다..
구글에 찾아봐도 해결이 1시간째 안되고 있습니다. connected-react-router를 어떻게 하라는 지 모르겠네요 ㅜㅜ 강사님 도움주시면 정말 감사하겠습니다. 아래 링크에 들어가서 댓글에 있는 것들 설치해 보았으나 해결되지가 않습니다 https://stackoverflow.com/questions/53914013/failed-to-compile-module-not-found-cant-resolve-react-router-dom (window / vscode에 bash 깔고 yarn도 깔은 환경입니다.) cd client한 후에 npm i react react-router-dom react-router 해도 안되네요 ㅜㅜ
- 해결됨리액트로 나만의 블로그 만들기(MERN Stack)
이건 노드 설치도중에..
제가 이전에 노드를 공부하고 있엇거든요 그런데 문제가 있어서 혹시나 하고 여기서 남겨보는데 npm i express generator 이거 명령어를 떄려서 하는데 이제 중단됐는지 안되네요 ㅠㅠ deprecated mkdirp@0.5.1: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.) 해결 방법 좀 알 수 있을까요?