무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
안녕하세요 강사님
안녕하세요 강사님 지금 boiler-plate register 부분에서 막히는데요 _id : 617e90b00c0aa29d27fa84ea role : 0 __v : 0 db에 이렇게 밖에 저장이 안되네요 postman success 이구요 { "name": "test1", "email": "test12@naver.com", "password" : "12312sssss31" } 이게 계속 해결이 안되는데 혹시 몽고디비설정문제인지 모르겠네요 ㅜㅜ git 주소입니다. boiler-plate/index.js at main · speensta/boiler-plate (github.com)
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
라우터 추가 후 에러가 뜹니다.
자료의 링크 https://reactrouter.com/web/example/basic가 없는 페이지로 나와 강의를 보고 App.js를 따라서 만들고 npm run start를 돌리니 해당 캡처 오류가 나옵니다. react-router-dom 등의 버전이 강의와 달라서 그런 것으로 생각되는데 혼자서 해결 방법을 찾지 못해 이렇게 문의 남깁니다. https://github.com/finero-d/boilerplate.git
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
[이유를 모르겠는데 해결되었습니다] [nodemon] Could not shutdown sub process cleanly
[이유는 모르겠지만.. 회사 업무 시스템을 꺼서 그런지 해결되었습니다. 정상적으로 restart 됩니다. 감사합니다] 안녕하세요, 강사님 강의 감사히 잘 듣고있습니다. Nodemon 설치 중에는 전혀 문제가 없었는데, 구글링 해도 나오지 않는 문제가 있어 질문드립니다. 구동까지 잘 되고, 기능상 문제가 없습니다. 그런데, 소스를 수정 후 저장버튼을 누르면 [nodemon] restarting due to changes... [nodemon] Could not shutdown sub process cleanly 이런 메세지가 발생합니다. 별것 다 해본 것 같은데 해결법을 찾지 못했습니다 ㅠㅠ 도와주실 수 있을까요? 아래 터미널과 index.js, package.json 소스 공유드립니다. D:\GitHub\react\boiler-plate>npm run backend > boiler-plate@1.0.0 backend D:\GitHub\react\boiler-plate > nodemon index.js [nodemon] 2.0.14 [nodemon] to restart at any time, enter `rs` [nodemon] watching path(s): *.* [nodemon] watching extensions: js,mjs,json [nodemon] starting `node index.js` Example app listening at http://localhost:5000 MongoDB Connected... [nodemon] restarting due to changes... [nodemon] Could not shutdown sub process cleanly [nodemon] restarting due to changes... [nodemon] Could not shutdown sub process cleanly packages.json 파일은 이것저것 시도해보다 devDependencies에서 dependencies로 옮겨가게 되었습니다. (dev 태그를 빼고 설치해봤습니다..) packages.json { "name": "boiler-plate", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "node index.js", "backend": "nodemon index.js", "test": "echo \"Error: no test specified\" && exit 1" }, "author": "injun", "license": "ISC", "dependencies": { "body-parser": "^1.19.0", "express": "^4.17.1", "mongoose": "^6.0.12", "nodemon": "^2.0.14" }, "devDependencies": {} } idnex.js const express = require('express'); const app = express(); const port = 5000; const bodyParser = require('body-parser'); app.use(bodyParser.urlencoded({extended: true})); app.use(bodyParser.json()); const {User} = require("./models/User"); const mongoose = require('mongoose'); mongoose.connect('@@@',{ }).then(() => console.log('MongoDB Connected...')) .catch(err => console.log(err)); app.get('/', (req, res) => { res.send('Hello World!2100000'); }); app.post('/register', (req, res) => { // 회원가입할 때 필요한 정보들을 client에서 가져오면 // 그것들을 데이터베이스에 넣어준다. const user = new User(req.body); user.save((err, doc) => { if(err) return res.json({ success: false, err}) return res.status(200).json({ success: true }) }); }); app.listen(port, () => { console.log(`Example app listening at http://localhost:${port}`) });
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
user_reducer에 저장된
ㅕuser_reducer.js에 저장된 저 loginSuccess, register, userData 등의 이름은 백엔드와의 api와 상관없이 프론트 쪽에서 맘대로 지어도 되는 것 맞을까요? 조금 궁금한 것이 아위의 사진과 같이 RegisterPage.js에서 위의 register라는 단어를 쓰지않고 그냥 reponse.payload라고 쓰는데, 저 지정한 이름들이 왜 필요한지가 궁금합니다!!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
webserver관련 질문 드립니다.
npm run start를 하면 react-scripts start를 실행하게 되는데 이게 웹서버 인가요? 리엑트는 클라이언트 이지만 개발용 웹 서버를 가지고 있는건지요? 실제 prod서버에 올리고 실행을 할때도 npm run start를 해서 웹 서버를 가동 시켜야 하는건지요? 바쁘시겠지만 확인하시면 답변 부탁드립니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
post 했을 때 request 가 mongodb로 넘어가는 과정
post 했을 때 request 가 mongoDB로 넘어가는 과정이 이해가 잘 안갑니다. mongoose.connect(내 mongoDB url) 을 사용하면 서버와 내 mongoDB 를 알아서 연결해주는 걸로 이해했습니다. 그럼 이때 request 를 새로 생성한 모델 user에 담고, save 를 하면 이 모델이 mongoDB 로 넘어가는 건가요? 넘어가는 과정의 역할이 save 인 건가요? 그렇게 되어 결론적으로 post 를 하면 request 가 mongoDB 로 넘어가는 건가요?
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
강의 목록 순서 관련 질문이 있습니다.
안녕하세요, 리액트 공부를 시작한 직장인 입니다. 선생님의 강의가 많이 있어서 어떤 강의부터 시작을 해야할지? 그 순서가 궁금하여 질문합니다. 선생님의 강의에서 제 생각으로 순서를 정해보았는데 이렇게 리액트 학습을 진행해도 되는지? 확인 부탁 드립니다. 1. 리액트 시리즈 - 기본강의 2. 리액트 시리즈 - 유튜브 사이트 만들기 3. 리액트 시리즈 - 영화 사이트 만들기 4. 리액트 시리즈 - 챗봇 사이트 만들기 5. 리액트 시리즈 - 쇼핑몰 사이트 만들기 6. 리액트, 파이어베이스 - 채팅 어플리케이션 만들기 7. 리액트 테스트 이 순차대로 진행하면 괜찮을 까요?? 난이도를 낮은 것에서 시작하여 단계를 높여가며 배우고 싶어서요..!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
6강에서 질문드립니다 ssh 설정 관련
안녕하세요 강의 잘 듣고 있는 교육생입니다 해당 강의에서 제가 무슨 실수를 했는지 선생님과 똑같이 진행이 안되네요 ssh-add -K ~/.ssh/id_rsa <_--- 강의 영상을 봤을때는 해당 명령어를 쳤을때 identity added 하면서 + 본인 이메일 계정이 화면에 나와야하는데 저의 경우는 Enter PIN for authenticator: Provider "internal" returned failure -1 Unable to load resident keys: invalid format 라고 나오네요 ENTER PIN 이라고 해서 인증번호?! 같은걸 누르라는거같은데 정확히 뭐를 입력해야하는건지 모르겠어요 현재 교육 내용은 형상관리 git hub 쪽에 연결하는 상황입니다 혹시 시간되실때 확인해주시고 답변주시면 감사하겠습니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
계속 "Failed to sign up"이 뜹니다 도와주세요ㅜㅜ
강의를 보며 따라하였고 다르게 한 것은 없다고 생각하는데 계속 failed to sign up이 뜹니다..ㅜㅜ 리덕스 툴을 사용해서 보니 아무것도 받아진게 없어서 코드를 살펴보니까 user_action 부분에서 import가 안받아지더라구요ㅜㅜ import {LOGIN_USER, REGISTER_USER} from './types'; 이 부분이 활성화가 되어있지 않아 리덕스에서 안받아지는건지... 잘 모르겠습니다.. src/_actions/user_action.js [1] Line 2:9: 'LOGIN_USER' is defined but never used no-unused-vars [1] Line 2:21: 'REGISTER_USER' is defined but never used no-unused-vars [1] [1] src/_reducers/user_reducer.js [1] Line 4:1: Unexpected default export of anonymous function import/no-anonymous-default-export [1] Line 8:13: Unreachable code no-unreachable [1] Line 11:13: Unreachable code github 주소 남겨드립니다. https://github.com/RyuJeongHa/test.git
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
포스트맨에서 html처럼뜹니다 ㅠ
선생님 포스트맨에서 이렇게 html구조처럼해서 뜨는데 어디가 잘못되었을까요 ? ㅠㅠㅠㅠ https://github.com/hyeongsan/boiler-plate
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
폭팔할꺼같다
항상 자바스크립트 리액트 보다도 git이 젤 젤 쩰 뭐같네요 후..
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
코드 오류
bodyparser에 왜 작대기가 되어있는걸까요?? - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
mssql이 아닌 몽고db를 사용하는 이유가 무엇일까요?
저는 스마트 펙토리 업무를 했었고, c# 윈폼이랑 mssql를 사용했었습니다. 웹 개발을 처음인데요. mssql이 아닌 몽고db를 사용하는 이유가 무엇일까요? - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
json
안녕하세요, 지난 번에 질문 두 번 남겼는데 친절하게 답변해주셔서 너무 감사합니다! 다름이 아닌 이 강의에서는 간단한 서버 구축을 해서, 클라이언트가 혼자 코드를 작성할뿐만 아니라 백엔드와 통신이 되는지도 알수있는 강의라고 알고 있는데요. 제 생각이 맞다면 프론트앤드쪽에서는 node 관련 파트가 아닌 react 관련 파트들만 알고 있으면 되는 걸까요? (제가 로그인 회원가입을 사용하는 공부용 프로젝트를 하고 있는데, 프론트를 맡았습니다. 그런데 node 관련 강좌 내용은 제가 관여할 것이 아닌지에 대한 확신이 잘 안섭니다..) 또한, node 관련 파트에서는 json이라고 하는 익히 들어본 형식이 코드 상에서 보이는데, 리액트 관련 파트에서는 그냥 변수(예를들어 email, password를 body에 한 번에 묶어서 전달 등)를 전달하지 json이라는 형식에 실어서(?) 보내는 코드는 못봤어서 리액트를 사용하면 json은 어떻게 처리하는건지, 강좌 내에서 사용한 함수들이 내부적으로 json을 이용하는건지 너무 궁금합니다. 구글링 해도 잘 모르겠어서요.. 좋은 강좌 너무너무 감사합니다.
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
concurrently 오류
concurrently 정상 다운 받고 그대로 실행하였는데 아래와 같은 오류가 계속 발생합니다.. 깃허브 : https://github.com/ParkSeYun98/boiler-plate-ko
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
"Failed to signup" 이 뜹니다
강의를 그대로 따라한 것 같은데 "Failed to signup"이 뜹니다. 코드 한번 확인해 주실 수 있나요 ? https://github.com/minseon6371/node.js-react-basic
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
npm run backend 이후 적용 안돼는 문제
npm run backend 명령어를 입력한 후 , 코드를 수정하고 저장한 후 localhost:5000 페이지에서 결과를 확인할 때 자동으로 수정이 안돼어 nodemon이 적용이 안돼는 현상이 발생하는데 문제를 잘 모르겠습니다. 아래 스크린샷에서 코드를 저장하면 [nodemon] restarting due to changes... 만 뜨고 이후에 아무 내용도 안뜨고 페이지도 바뀐 내용이 적용이 안돼어있습니다.. 깃허브 : https://github.com/ParkSeYun98/boiler-plate-ko
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
8분 33초에 return cb(err) 다음 , 점 안찍는게 맞는거같습니다.
8분 33초에 return cb(err) 다음 , 점이거 안찍으니까 정상 작동되네요 저게 아마 문제인듯 합니다. 이거 다음 영상에서 포스트 맨으로 돌려볼때 결과는 안나오고 자꾸 ing.... 상태가 되어서 보니까 , 점 없애니까 되더군요 저도 문제 해결하는데 한시간 걸려서 조심하시길 바라는 맘에 작성합니다!! 감사합니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
몽고DB 접속 에러 관련
강좌를 그대로 복사하면 몽고 DB 접속이 안되서 혼자 방법을 찾아보다가 여기 글들을 보고 소소하게 나마 팁을 남겨봅니다!.. Choose connection method 할 당시에 "Include full driver code example" 을 누르면 uri를 넣고 뒤에 뭘 넣고 뭘 빼야될지 알 수 있습니다. 이건 아마 강좌를 언제 보시더라도 통용되는 방법일거라 생각해 추가로 올립니다
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
안녕하세요. cookie 관련 하여 질문드립니다.
logout 후 브라우저상에 쿠키가 남는데 이 부분은 따로 client에서도 같이 지워주는게 맞나요 ? 아님 남겨도 상관없나요 ?