172만명의 커뮤니티!! 함께 토론해봐요.
미해결
[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요 제로초님! 질문있습니다ㅠㅠ 프론트와 백서버 둘 다 https 적용 후, 로그인을 시도하면 저런 식으로 주소에 이메일과 비밀번호가 생기면서 로그인이 되지 않습니다. 무엇을 잘 못 한 건지 예상이 가지 않아서 어디서부터 확인해야 할지 몰라 글을 남깁니다ㅠㅠ 기를 이용해주세요.
해결됨
[리뉴얼] React로 NodeBird SNS 만들기
현영님 vue, react 프레임워크를 사용하지 않고 바닐라 자바스크립트로 Nodebird 를 만드는 강좌 같은 건 안나오나요!?
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
다른 질문 글에 달린 유투브 링크타고 가서 설정하라는데로 했는데 안돼서 이것저것 만지다가 cmd로 변경된거 같은데 계속 오류가 나는데 어떻게 해야하나요???
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
링크 타고 들어가면 justify-contents라고 적혀있는데 실제로는 justify-content로 s를 빼야 하는 것 같습니다.
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
안녕하세요 그랩님. 강좌 잘 듣고 있습니다. 제가 id값을 동일하게 지정해도 한 id값만 적용된다고 배웠는데, 실제로 해 보니 동일한 id값을 갖는 모든 텍스트가 색이 변했습니다. 이렇게 된다면 id와 class에 차이가 없는 것 아닌가요?? --------코드---------- <html> <head> <style type="text/css"> p { color: orange; } #id-test { color: skyblue; } .love { color: #BA68C8; font-size: 100; font-weight: 900; } .love2 { color: #00AAFF; font-size: 100; font-weight: 900; } </style> </head> <body> <p>Hello</p> <p>Hello!</p> <div id="id-test">id</div> <div id="id-test">id</div> <div class="love">class</div> <div class="love2">class</div> </body> </html>
해결됨
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
안녕하세요 강사님의 강의를 완강하고 완성된 프로젝트를 입맛대로 가지고 놀면서 이런저런 기능을 복습도 하고(회원가입에서 핸드폰 번호 받는 기능을 혼자 완성하고 엄청 좋아라 했네요 ㅎㅎ ) 오류도 혼자 해결해보고 하면서 공부하고 있는 수강생입니다. 그런데 강사님의 유튜브 영상 댓글에서 다른 수강생분이 passport에 관한 질문을 하셨고 강사님이 그에 대해 "굉장히 편리하고 좋은 모듈이이며, sns인증 로그인 등을 매우 간편하게 구현하게 해준다 그런데 기초 강의에서까지 모듈로 로그인을 구현하는건 아닌것 같아서 가장 일반적으로 로그인을 구현하는 방식을 알려드렸다." 라는 내용으로 답변을 하신걸 읽은 기억이 있습니다. 시간이 좀 지나서 저런 내용이 맞았는지 확신은 없네요 ^^;; 제가 궁금한건 이제 저희가 만든 보일러 프로젝트에 sns로그인을 도입을 해보고 싶은데요 passport를 이용하는 방법과 그냥 도입하는건 아무래도 번거로움의 차이가 큰 것 같더라구요 이미 로컬 로그인 방식은 저희가 강의에서 구현을 했고 여기에 passport를 도입해서 sns로그인을 구현 해보고 싶은데 코드간에 충돌을 일으키거나 로그인/회원가입의 방식이 달라서 구현이 불가능하다거나 하는 문제는 없을까요? 혹은 제가 모르는, passport를 도입하는 방법을 알려주는 강사님의 다른 강의가 있을까요??
미해결
[리뉴얼] React로 NodeBird SNS 만들기
next-redux-wrapper가 7.0.0 버전으로 업데이트되면서 수정사항이 생겼습니다. 에러 Server Error TypeError: nextCallback is not a function 해결 방법(변경사항) version 6.0.2 > const getServerSideProps = wrapper.getServerSideProps(async (context) => { context.store.dispatch(~~~); context.store.dispatch(END); await store.sagaTask.toPromise(); }); version 7.0.0 > const getServerSideProps = wrapper.getServerSideProps( (store) => async ({ req, res, ...etc }) => { store.dispatch(~~~); store.dispatch(END); await store.sagaTask.toPromise(); } ); 추가적으로 동적라우팅 (강의 : 다이나믹 라우팅) 할 때도 (req, res, ...etc) > (req, res, params, ...etc) 로 수정하시면 됩니다. next-redux-wrapper 참고 자료(getServerSideProps) (https://github.com/kirill-konshin/next-redux-wrapper#getserversideprops) 변경사항 (https://github.com/kirill-konshin/next-redux-wrapper#upgrade-from-6x-to-7x)
해결됨
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
npm run start 해서 mongoDB connected.. 됐다고 뜨고 다시 그아래 뭔가 명령어를 칠만한게 작동이 안되더라구요. 따로 되는 방법이 있을까요..?
미해결
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
구글링을 해봐도 모르겠네요 ㅠㅠ POST http://http:/localhost:5000/register Error: getaddrinfo ENOTFOUND http ▶ Network ▶ Request Headers Content-Type : text/plain User-Agent : PostmanRuntime/7.28.0 Accept : */* Cache-Control : no-cache Postman-Token : 08248e94-9645-4529-9d87-bb1278bcb7f8 Host : http: Accept-Encoding : gzip, deflate, br Connection : keep-alive ▶ Request Body ▶ POST http://http:/localhost:5000/register ▶ POST http://http:/localhost:5000/register ▶ POST http://localhost:5000/register ▶ POST http://localhost:5000/register ▶
해결됨
[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지
안녕하세요 강의 잘 수강하고 있습니다! sequelize raw query로 db 에 미리 작성했던 store procedure 을 호출은 불가능한가요? 구글링, 공식문서에도 찾아봤는데 안나와서 이렇게 질문드립니다! 또한 추가로 raw query 사용을 const [ results , metadata ] = await sequelize . query ( " call myTest() " ) ; 위와 같이 작성하였더니 에러로 TypeError: Cannot read property 'query' of undefined 이런식의 에러가 발생하는데 따로 import를 { sequelize } 말고 해주어야 하나요?
미해결
mongoDB 기초부터 실무까지(feat. Node.js)
Update with ObjectID를 하던 중 아래와 같은 에러가 발생하였습니다. 강의와 동일하게 수행하였다고 생각하는데 뭐가 문제 일까요?
미해결
코로나맵 개발자와 함께하는 지도서비스 만들기 1
카카오api의 문제인거 같은데 코딩 실수는 없는거 같은데 무슨 문제인지 여쭤봅니다.
미해결
[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지
안녕하세요. 쿠키부분 reduce관련해서 질문드립니다. 제가 평상시 알던 reduce는 reduce((acc,cur,index,arr)=>{})형식으로 사용하고 있었습니다. 그런데 해당부분 강좌에서 const parseCookies = (cookie = '') => cookie .split(';') .map(v => v.split('=')) .reduce((acc, [k,v]) => { acc[k.trim()] = decodeURIComponent(v) return acc; }, {}); 이렇게 reduce((acc,[k,v])=>{})이렇게 대괄호로 묶어서 사용하셨더라구요. 저의 검색 실력이 부족하고 이것저것 만져봐도 어떤의미로 저걸 사용하셨는지 잘 모르겠어서 이렇게 질문드립니다.
미해결
따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
안녕하세요 양질의 수업을 무료로 오픈해주셔서 항상 공부 잘하고 있습니다. 이번에 클론 코딩 진행하면서 setState 부분이 조금 이상해서 질문 드려요 import React, { useEffect, useState } from 'react' import Axios from 'axios'; import { Row, Col, List, Avatar } from 'antd' function VideoDetailPage(props) { const videoId = props.match.params.videoId; const VideoVariable = { videoId: videoId }; const [Video, setVideo] = useState([]) useEffect(() => { Axios.post('/api/video/getVideo', VideoVariable) .then((res) => { if (res.data.success) { setVideo(res.data.video); console.log('state 업데이트 완료') } else { alert('비디오 정보 로딩 실패'); } }) }, []); if (Video.writer) { return ( <Row gutter={[16, 16]}> <Col lg={18} xs={24}> <div style={{ width: '100%', padding: '3rem 4em' }}> <video style={{ width: '100%' }} src={`http://localhost:5000/${Video.filePath}`} controls></video> <List.Item // actions={[<LikeDislikes video videoId={videoId} userId={localStorage.getItem('userId')} />, <Subscriber userTo={Video.writer._id} userFrom={localStorage.getItem('userId')} />]} > <List.Item.Meta avatar={<Avatar src={Video.writer && Video.writer.image} />} title={<a href="https://ant.design">{Video.title}</a>} description={Video.description} /> <div></div> </List.Item> {/* <Comments CommentLists={CommentLists} postId={Video._id} refreshFunction={updateComment} /> */} </div> </Col> <Col lg={6} xs={24}> side video {/* <SideVideo /> */} </Col> </Row> ) } else { console.log(Video, '후후') return <div> Loading... ?? </div> } } export default VideoDetailPage 이게 제 코드구요 실행하면 아래의 else 부분의 후후먼저 실행되고 위의 setVideo가 실행됩니다. 그래서 에러가 발생해 detail 페이지로 가지않고 다시 landing 페이지로 넘어옵니다 비동기 처리때문인가 싶어 setVideo를 콜백의 형태로 남겨서 동기처리 할수있다길래 해봐도 안되고, useEffect 아래 input 리스트에 Video를 넣어보기도 했는데 잘 안되네요 ㅠㅠ https://github.com/dnfwlxo11/mini_youtube 이게 제 풀 코드입니다. component 코드들이랑 index.js 코드랑 몇번이나 본지 모르겠어요 이유가 뭘까요?
해결됨
[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지
multer 수업을 수강한뒤 이미지 업로드를 위해 수업 실습처럼 이미지를 먼저 서버에 전송하여 압축한 뒤 이후에 저는 게시물이 아닌 동아리 정보 등록 폼으로 작성을 하려고 합니다. 실습과 같이 /img 라우터로 res.json을 이용해 url까지 전송하였습니다. 그 후 폼 제출 버튼을 클릭해서 콘솔로 req.body.url을 확인해보면 undefined 라고 나옵니다.. 저는 왜 req.body.url에 정보가 없는건가요??
미해결
nodeJS 와 Redis 대규모 서비스를 통한 예제가 있을까요? 관련 강의가 있으면 좋을 것 같은데 아니면 간단한 강의라도 있으면 좋겠습니다.
미해결
따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
./src/_reducers/user_reducer.js Line 11:13: Unreachable code no-unreachable Line 14:13: Unreachable code no-unreachable Line 17:13: Unreachable code no-unreachable ./src/hoc/auth.js Line 2:8: 'Axios' is defined but never used no-unused-vars Line 33:12: React Hook useEffect has missing dependencies: 'dispatch' and 'props.history'. Either include them or remove the dependency array react-hooks/exhaustive-deps ./src/components/views/LoginPage/LoginPage.js Line 2:8: 'Axios' is defined but never used no-unused-vars ./src/components/views/RegisterPage/RegisterPage.js Line 4:8: 'Axios' is defined but never used no-unused-vars ./src/App.js Line 6:3: 'Link' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. [HPM] Error occurred while trying to proxy request /api/hello from localhost:3001 to http://localhost:5000 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors) [HPM] Error occurred while trying to proxy request /api/users/auth from localhost:3001 to http://localhost:5000 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors) 터미널에 이렇게 뜨면서 시작을 하고 시작페이지와 버튼만 출력됩니다.
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
안녕하세요! 이번에 강의 수강시작한 학생입니다. 다름이 아니라 혹시 강의중 공부했던 코드들 깃허브에 올려도 괜찮을까요? 깃허브에 올려서 틈틈히 복기하고싶은 목적입니다!
해결됨
따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
아직 root 폴더에서 npm install 하는 단계입니다. 에러를 구글링하다보니 windows-build-tools 를 설치해야한다고해서, 관리자권한으로 powershell 실행해서 잘 설치했는데 해결되지 않아서요..ㅠㅠ 어떻게 해야할지 알려주실 수 있을까요? ++ 에러메시지 아래 추천으로 npm config set python 을 실행해봤지만 해결되지 않았습니다. node-pre-gyp WARN Using needle for node-pre-gyp https download node-pre-gyp WARN Tried to download(404): https://github.com/kelektiv/node.bcrypt.js/releases/download/v3.0.8/bcrypt_lib-v3.0.8-node-v83-win32-x64-unknown.tar.gz node-pre-gyp WARN Pre-built binaries not found for bcrypt@3.0.8 and node@14.16.0 (node-v83 ABI, unknown) (falling back to source compile with node-gyp) gyp ERR! find Python gyp ERR! find Python Python is not set from command line or npm configuration gyp ERR! find Python Python is not set from environment variable PYTHON gyp ERR! find Python checking if "python" can be used gyp ERR! find Python - "python" is not in PATH or produced an error gyp ERR! find Python checking if "python2" can be used gyp ERR! find Python - "python2" is not in PATH or produced an error gyp ERR! find Python checking if "python3" can be used gyp ERR! find Python - "python3" is not in PATH or produced an error gyp ERR! find Python checking if the py launcher can be used to find Python 2 gyp ERR! find Python - "py.exe" is not in PATH or produced an error gyp ERR! find Python checking if Python is C:\Python27\python.exe gyp ERR! find Python - "C:\Python27\python.exe" could not be run gyp ERR! find Python checking if Python is C:\Python37\python.exe gyp ERR! find Python - "C:\Python37\python.exe" could not be run gyp ERR! find Python gyp ERR! find Python ********************************************************** gyp ERR! find Python You need to install the latest version of Python. gyp ERR! find Python Node-gyp should be able to find and use Python. If not, gyp ERR! find Python you can try one of the following options: gyp ERR! find Python - Use the switch --python="C:\Path\To\python.exe" gyp ERR! find Python (accepted by both node-gyp and npm) gyp ERR! find Python - Set the environment variable PYTHON gyp ERR! find Python - Set the npm configuration variable python: gyp ERR! find Python npm config set python "C:\Path\To\python.exe" gyp ERR! find Python For more information consult the documentation at: gyp ERR! find Python https://github.com/nodejs/node-gyp#installation gyp ERR! find Python ********************************************************** gyp ERR! find Python gyp ERR! configure error gyp ERR! stack Error: Could not find any Python installation to use gyp ERR! stack at PythonFinder.fail (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:307:47) gyp ERR! stack at PythonFinder.runChecks (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:136:21) gyp ERR! stack at PythonFinder.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:225:16) gyp ERR! stack at PythonFinder.execFileCallback (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:271:16) gyp ERR! stack at exithandler (child_process.js:315:5) gyp ERR! stack at ChildProcess.errorhandler (child_process.js:327:5) gyp ERR! stack at ChildProcess.emit (events.js:315:20) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12) gyp ERR! stack at onErrorNT (internal/child_process.js:465:16) gyp ERR! stack at processTicksAndRejections (internal/process/task_queues.js:80:21) gyp ERR! System Windows_NT 10.0.19042 gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js" "configure" "--fallback-to-build" "--module=C:\\김하영\\STUDY\\react\\react_study_2\\boilerplate-mern-stack-master\\node_modules\\bcrypt\\lib\\binding\\bcrypt_lib.node" "--module_name=bcrypt_lib" "--module_path=C:\\김하영\\STUDY\\react\\react_study_2\\boilerplate-mern-stack-master\\node_modules\\bcrypt\\lib\\binding" "--napi_version=7" "--node_abi_napi=napi" "--napi_build_version=0" "--node_napi_label=node-v83" gyp ERR! cwd C:\김하영\STUDY\react\react_study_2\boilerplate-mern-stack-master\node_modules\bcrypt gyp ERR! node -v v14.16.0 gyp ERR! node-gyp -v v5.1.0 gyp ERR! not ok node-pre-gyp ERR! build error node-pre-gyp ERR! stack Error: Failed to execute 'C:\Program Files\nodejs\node.exe C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js configure --fallback-to-build --module=C:\김하영\STUDY\react\react_study_2\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=C:\김하영\STUDY\react\react_study_2\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding --napi_version=7 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v83' (1) node-pre-gyp ERR! stack at ChildProcess.<anonymous> (C:\김하영\STUDY\react\react_study_2\boilerplate-mern-stack-master\node_modules\node-pre-gyp\lib\util\compile.js:83:29) node-pre-gyp ERR! stack at ChildProcess.emit (events.js:315:20) node-pre-gyp ERR! stack at maybeClose (internal/child_process.js:1048:16) node-pre-gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:288:5) node-pre-gyp ERR! System Windows_NT 10.0.19042 node-pre-gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\김하영\\STUDY\\react\\react_study_2\\boilerplate-mern-stack-master\\node_modules\\node-pre-gyp\\bin\\node-pre-gyp" "install" "--fallback-to-build" node-pre-gyp ERR! cwd C:\김하영\STUDY\react\react_study_2\boilerplate-mern-stack-master\node_modules\bcrypt node-pre-gyp ERR! node -v v14.16.0 node-pre-gyp ERR! node-pre-gyp -v v0.14.0 node-pre-gyp ERR! not ok Failed to execute 'C:\Program Files\nodejs\node.exe C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js configure --fallback-to-build --module=C:\김하영\STUDY\react\react_study_2\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=C:\김하 영\STUDY\react\react_study_2\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding --napi_version=7 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v83' (1) npm WARN react-redux@5.1.2 requires a peer of react@^0.14.0 || ^15.0.0-0 || ^16.0.0-0 but none is installed. You must install peer dependencies yourself. npm WARN react-redux@5.1.2 requires a peer of redux@^2.0.0 || ^3.0.0 || ^4.0.0-0 but none is installed. You must install peer dependencies yourself. npm WARN react-boiler-plate@1.0.0 No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.12 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.12: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! bcrypt@3.0.8 install: `node-pre-gyp install --fallback-to-build` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the bcrypt@3.0.8 install 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\jerem\AppData\Roaming\npm-cache\_logs\2021-04-26T00_37_15_758Z-debug.log
해결됨
Vue로 Nodebird SNS 만들기
아래 질문과 동일한 질문인데.. 이렇게 뜨는데... 혹시 다른 걸로 대체할 수 있는 방법이 있을까요? 음 해결했습니다.. 좀 이상하긴 한데 변수값?이 v가 아니기만 하면 되는 거 같아요.. v 를 text로 바꾸니까 에러 없이 잘 동작합니다. (참고로 기존 에러에서는 서버는 동작하는데 해당 에러가 title에 뜨고, 박스에 입력 자체가 불가능했습니다. 검색해봤는데 이유는 모르겠네요... )
