무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
npm run start
삭제된 글입니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
npm run backend
Error: Cannot find module './dev' node 강의를 끝내고 react로 넘어왔는데 위와같은 에러가 뜨네요 이전에 dev.js가 gitignore에 의해서 없어진것 같은데 혹시 dev.js의 유무에 의한 에러 발생인가요? ㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
antd 관련
john 님 안녕하세요? 좋은 강의 재밌게 잘 들었습니다. 강의를 참고해서 간단한 웹 페이지를 만드려고 하는 중입니다. antd 를 가져다가 메뉴 바를 만드는 부분이 따로 강의에서 다루고 있지 않으셔서 깃허브에 있는 boiler-plate 를 받아서 확인해보고 있는데요. 아무래도 제가 이해하고 해보는게 중요할 거 같아서 antd 홈페이지의 메뉴 바 예제를 확인 중입니다. https://ant.design/components/menu/ 위 링크에서 예제를 보고 있는데 다 훅이 아닌 클래스형으로 작성했더라구요. 혹시 제가 찾지 못한 hook 스타일 document가 있는지 궁금합니다. 그게 아니라면 class 형 스타일 예제 코드를 john 님이 고쳐서 적용한 건지요? 아직 리액트가 익숙하지가 않아서 여쭤봅니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
react 프로젝트를 실행하면 Parsing error: Unexpected token 가 발생합니다.
react 프로젝트를 실행하면 Parsing error: Unexpected token 가 발생하는데 원인을 못찾겠습니다. 조언을 부탁드립니다. Failed to compile. ./src/App.js Line 51:5: Parsing error: Unexpected token 49 | function Home() { 50 | return { > 51 | <div> | ^ 52 | <h2>Home 안녕하세요 ~ </h2> 53 | </div> 54 | }; ^C
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
ssh keys 등록이 안됩니다.
왜 이러는 지 알 수 있을까요???
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
로그아웃 버튼을 로그인 상태일 때만 보이게 해주고 싶은데 store 안에 있는 값들을 어떻게 접근해야 할지 모르겠습니다..ㅠㅠ
LandingPage에 있는 로그아웃 버튼을 로그인 했을때만 볼 수 있게 해주고 싶어서 Store 안에 loginSuccess 값이나 userId 값을 체크해서 값이 존재 할때만 버튼을 렌더해주려고 하는데 이 값들을 어떻게 접근해야 할지 모르겠습니다ㅠㅠ
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
npm run start 이후에 아무런 명령어도 먹지않는데
강사님께서는 터미널에 ^C 입력후 명령어 입력이 되시는데 저 명령어 단축키좀 알려주시면 감사하겠습니다. 구글링해도 안나와서.
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
에러 질문
안녕하세요. concurrently 라이브러리를 사용해서 백엔드 서버와 프론트 엔드 서버를 통합해서 사용했습니다. 그리고 예제를 따라했고 login reducer를 만들어서 실행했습니다. 그런데 Login하는 부분에서 axios.post가 작동이 안되는 것 같아서 백/프론트 따로따로 확인 해보고 npm run backend로 실행하였더니 정상적으로 실행이 안됬습니다. (에러내용) MongooseServerSelectionError: Could not connect to any servers in your MongoDB Atlas cluster. One common reason is that you're trying to access the database from an IP that isn't whitelisted. Make sure your current IP address is on your Atlas cluster's IP whitelist: https://docs.atlas.mongodb.com/security-whitelist/ 위 와 같이 나왔습니다. 몽고 DB에서 별도로 무엇을 설정해줘야하는 건지 궁금합니다..
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
안녕하세요 강사님 보일러 플레잇 강의 완강했습니다
노드 지식이 전혀 없었는데 이 강의를 듣고 어느정도 큰 틀이 잡힌거같아요. 유익한 강의 너무나 감사드립니다. 보일러 플레잇을 끝내고 이제 헤로쿠에 빌드를 해보았습니다. 유튜브에 올리신 MERN 헤로쿠 영상을 보고 따라했습니다. 빌드도 하였고 index.js 에 if (process.env.NODE_ENV === "production"){...} 구문도 넣었고 스크립트에 "heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix client && npm run build --prefix client" 도 추가해주었습니다. 디플로이는 성공했는데 여전히 메인페이지에 보이는것은 서버의 index.js 페이지가 입니다. 한참을 헤메다가 질문 올려요 https://github.com/yongmon01/my-boiler-plate 제 깃허브 입니다. 한번 봐주신다면 정말 정말 감사하겠습니다. 다음 강의도 꼭 완강하겠습니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
강의를 듣다가 의문이 생겨서요
토큰으로 로그인 상태를 확인할 때 왜 디코드를 해서 아이디를 찾아서 비교, 확인 하는 건가요? 그냥 토큰만 비교하면 안되는 건가요?? 강의 너무 잘 보고있습니다!!감사합니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
로그아웃 관련 질문드립니다.
로그아웃 관련 질문씁니다. 로그아웃 시 DB의 토큰만 삭제해주는데, 로그아웃 버튼 클릭하지 않고 몇 시간 가만히 있거나 브라우저 창을 닫으면 어떻게 되나요? 혹시 계속 로그인 상태라면 어떤식으로 로그아웃 처리할 수 있을까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
User.js 파일에서 arrow function과 const대신 function(), var를 쓰는 이유가 있나요?
이전 강의에서는 ES6 문법을 썼던 것 같은데 이번 강의에서 갑자기 ES5로 문법을 쓰는 것 같아서 헷갈려서 질문드려요! ``` userSchema.pre('save', function ( next ) { } ) var user = this; ``` 여기서 arrow function하고 const로 바꿔서 써도 되지요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
로그아웃할때 결과값이,..
{ isAuth:false error:true } 로그아웃할때 결과값이 이렇게 나오는데 어떻게 해결할 수 있을까요?? ㅠㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
항상 감사합니다.
처음에 코딩하며 들을때는 복잡해서 맨붕이었는데, 복습하면서 흐름 정리하고, 질문들과 답변들 보면서 학습하고 있습니다. 답변도 항상 달아주시고 이렇게 양질의 컨텐츠 올려주셔서 감사합니다. 강사님 node react 강의 다 듣겠습니다!!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
회원가입 시 정규식 넣는 방법 알려 주실수 있나요 ??
이전 노드 강의 스카마 할때 따로 정규식(맞는지는 모르겠지만) 이메일 형식이나 비밀번호 길이 같은 정규식을 넣어서 구현 했었습니다. 저는 그게 React에서 적용 될줄 알았는데 안되네요,,, 혹시 프론트에서 이름이나 비번에 정규식을 넣는 방법이 잇으면 알려 주실수 있으시나요 ?? 스키마에서는 밑과 같이 했습니다 id: { type: String, maxlength: 50, trim: true, match:[/^.{4,12}$/,'Should be 4-12 characters!'], // match:[/^[{4,12}]+\.[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]$/,'Should be a vaild email address!'], }, email: { type: String, trim: true, // 공백 없애주는 역할 unique: 1, // 똑같은 email을 한번만 쓰게 해주는 역할 match:[/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,'Should be a vaild email address!'], }, password: { type: String, maxlength: 100, match:[/^.*(?=^.{8,15}$)(?=.*\d)(?=.*[a-zA-Z])(?=.*[!@#$%^&+=]).*$/] },
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
똑같은 정보로 했는데 로그인 실패뜹니다 ㅠㅠ
email과 password를 똑같이 설정해도 계속 로그인 fail이 뜹니다. 디비에는 성공적으로 들어갔는데, user.comparePassword((req.body.comparePassword, (err,isMatch) =>{ if(!isMatch) return res.json({ loginSuccess : false, message : "비밀번호가 틀렸습니다. its json 2" }); 이 부분에서 계속 에러가 뜨는 것 같습니다. 자꾸 이렇게 뜨는데 뭐가 문제일까요....??? 깃 주소 올립니다! https://github.com/mijung-oh/react_practice.git 바쁘시겠지만 확인 부탁드려요 ㅠㅠ 항상 감사합니다!
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
mysql 질문
강사님, 강의 잘 듣고 있습니다. 이 boiler-plate를 mariadb로 만들어보고 싶은데 1. sequelize ORM으로도 Mongoose같이 사용가능한가요? 2. sequelize를 사용한다고 할때, express-generate 구조로 만들어야하나요? 아니면 강의에서 진행한 구조와 동일하게 가능한가요? 3. 혹시 참고할 만한 자료가 있을까요?
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
pre에서 계속 오류가 뜹니다 ㅜㅜ
안녕하세요 선생님! 강의 잘 듣고 있습니다! 따라하기 쉽게 알려주셔서 항상 감사한 마음으로 공부하고 있습니다 :) 이번 강의에서 따라하던 도중 pre부분에서 계속 오류가 뜨는데 어떻게 해결해야 하는지 모르겠어서 질문올립니다 ㅠㅠ 이런식으로 next도 인식이 안되고 계속 에러가 뜨는데 문법오류일까요...?? 이런식으로 뜹니다!
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
회원가입 과정에서 포스트맨에서 이름, 이메일, 비밀번호를 전송한 후 success: true 결과값을 받았는데 mongoDB에서는 전송된 정보들이 반영되지 않습니다. 어떤 문제일까요?
코드는 깃허브에서 선생님의 코드와 비교해보았는데 하나도 틀린 곳이 없었습니다. 서버로 데이터 전송을 할 때 성공을 하면 user 정보를 확인할 수 있도록 출력을 해보았는데 제가 입력했던 이름, 이메일, 비밀번호는 반영되지 않았는데 무슨 문제일까요? 위의 형태대로 데이터를 작성하고 전송 버튼을 눌렀고 보시다시피 아래를 보시면 success: true임을 알 수 있습니다. MongoDB에서는 다음과 같이 반영되었습니다. 왜 이런 현상이 발생하는 것일까요? 이리저리 봐도 코드에는 이상한 게 없는것같습니다... 혹시 모르니 코드를 올리겠습니다. https://github.com/Byungchan-Park/boiler-plate-ko 비밀번호 암호화 이전부터 계속 저런 현상이 발생하였습니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
메모장
혹시 코드 말고 메모장처럼 정리해놓은거 있나요?ㅎㅎ