묻고 답해요
131만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결mongoDB 기초부터 실무까지(feat. Node.js)
섹션4 진행중, mongoose 질문
MONGO_URI, 이후 부분들은 작성안해도 에러가 안나는데,굳이해야하나요? 버젼이 업데이트 되면서 작성 안해도 되도록 바뀐걸까요? 또,이 부분에서, 여기를 작업해주지 않아도 name 이나 age 둘중 하나만 put 해도, null 값이 들어가지 않는데요.이 역시 버젼이 올라가서 개선이 된걸까요?만약 그렇다면, 개정된 강의를 만드실 계획이 있으신지도 궁금합니다지금 사용하고 있는 몽구스 는 7.0.1 입니다.
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
해당 오류 해결 방법 좀 알려주세요 ㅠㅠ
위의 오류 해결방법좀 알려주세요 ㅠ
-
미해결mongoDB 기초부터 실무까지(feat. Node.js)
섹션1 - ObjectID
여기 이부분은 ObjectID를 ID 가 아닌 Id 로 해주면 되는 부분이 아닌가요?ObjectId 로 하면 잘 나오는데요. 굳이 ObjectID 로 선언을 해줘야하는가 싶어서 질문드립니다.
-
미해결MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React
닉네임 중복검사 시 404 에러
서버 주소도 제대로 전달한 것 같은데 404 에러가 뜨는데 뭐가 잘못된걸까요
-
미해결[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지
슬랙방에 들어가지지 않습니다
선생님 안녕하세요슬랙방 링크를 클릭하니 이런 페이지가 뜹니다.
-
미해결MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React
수정 버튼 눌렀을 때 이전 이미지 경로
const [Image, setImage] = useState(PostInfo.image); <ImageUpload Image={Image} /> 이처럼 state값에 PostInfo.image를 해주어서 이미지 경로 값을 지정해주고 props로 넘긴 뒤 <Form.Control type="file"accept="image/*"src={props.Image}onChange={(e) => FileUpload(e)}/>이런식으로 해주었는데 안떠서 그런데 어떤식으로 해야 수정할 때 이전의 이미지 경로가 뜨게 될까요 ??
-
미해결[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지
/usr/local/etc/mongod.conf 파일이 없음
맥에서 vim /usr/local/etc/mongod.conf 를 입력했는데 기존 파일이 없어서 새로 작성되고, :wq!로도 저장이 안됩니다.그리고 애초에 /usr/local 밑에 etc 폴더가 없습니다. 어떻게 해결해야 하나요?위의 과정 없이 mongo admin -u를 진행하니 에러가 뜹니다.
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
npm run dev시 localhost가 자꾸 3000으로 연결됩니다
이렇게 찾을 수 없다는 에러가 뜨는데 어떻게 해야되나요? 다른 분이 질문하신거 보고 package.json에 proxy도 추가해봤는데 안됩니다.
-
해결됨[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지
passport.authenticate('local/kakao') 관련 질문
안녕하세요routes/auth.js에서 passport.authenticate('local' / 'kakao')로 로그인전략을 실행할 때auth.js에서는 local(), kakao()가 있는 passport/index.js를 require 한 적이 없는데도 실행되는 걸 보고 질문드립니다.passport 모듈 내에 passport폴더를 자동으로 인식하는 기능이 있는건가요?
-
미해결MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React
이미지 수정이 안되고 이전 이미지 경로가 안떠요 ㅜㅜ
(사진)
-
미해결MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React
upload에서 제출 시 오류
upload에서 제목과 내용을 작성하여 제출하면 이런 오류가 뜨면서 제출이 안되는 것 같습니다. // client에서 보낸 api 요청을 받는 코드app.post("/api/post/submit", (req, res) => {// client에서 보낸 body 값을 temp 변수에 지정let temp = req.body;// Counter 콜렉션에서 name: "counter"인 애들을 찾아서 temp 변수를 통해서 posts 모델의 postNum에 집어넣어준다.Counter.find({ name: "counter" }) .exec() .then((counter) => {temp.postNum = counter.postNum;console.log(temp);// new 명령어를 통해서 Model안에 들어갈 데이터를 정의해준다.// save 명령어를 통해서 저장const CommunityPost = new Post(temp);CommunityPost.save().then(() => {// 몽고 디비에서 하나의 다큐먼트를 업데이트 하는 명령어 , 두개의 query를 받는다 첫번째 쿼리는 어떤 다큐먼트를 업데이트 시킬지, 두번째는 어떻게 업데이트 시킬지// query문에서 증가시키는 코드는 $inc를 통해 가능하다.Counter.updateOne({ name: "counter" }, { $inc: { postNum: 1 } }).then( () => {res.status(200).json({ success: true }); } ); }); }) .catch(() => {res.status(400).json({ success: false }); });});
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
notyf를 이용한 알람 효과 / 강의 보완점 및 질문
< 보완점 > 이부분은 강의에서 코드 작업하는 것이 빠져있습니다.< 질문 > 그리고 여기 이부분 주문이 추가되었습니다. 하고 줄바꿈하고 날짜가 표시되었으면 하는데, 어떻게 코드를 짜야하나요?
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
validate(폼검증) 설정 강의내용 / 코드 보완점 제보
강의 이부분인데요.수업 영상에서는 빈칸 만든 상태에서, 그냥 X버튼 누르고 모달창 닫아버리고 넘어가시는데,따라하다 이부분에서 보완점을 발견했습니다.좀 더 보완이 되었으면 하는 부분이어서 제보합니다.카테고리 이름 수정시, 폼 입력을 안하면 경고창이 뜨긴하는데,그냥 무시하고 X버튼으로 modal 창을 닫아버리는 경우에도 고려가 되면 더 좋을 거 같습니다. 2번째는주문완료 창 인데요.위짤을 보시면,1) 주문을 0개하고 경고 메세지가 나온다음에,주문을 1개 담고 주문하기를 누르면, 경고메세지가 지워지지 않고 계속 출력되고 있는점.2) 주문을 넣은다음에도,계속해서 경고메세지가 떠있는점.그래서 주문이 끝나고 초기화를 해줘서 2)에 해당하는 부분은 개선을 시켰습니다. 이렇게 error 객체를 초기화하는 부분은 다른 부분에서는 진행하시던데 빠뜨리신거 같습니다.그런데 1) 에 해당하는 문제는 저거로는 해결이 안되더라구요.주문완료 모달창의 close 버튼을 눌렀을 때, errors 를 초기화해주면 해결될거같은데,이부분은 어떻게 개선을 해야할지 잘 모르겠습니다.
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
import "/imports/startup"; 에서 문제가 발생했습니다.
안녕하세요, 좋은 강의로 GraphQL, MongoDB 잘 배우고 있습니다. 감사드립니다.아래 사진과 같은 문제가 다음 강의에서 meteor run 할때 발생하는데, 찾아보다가 해결책을 찾기 힘들어 남기게 되었습니다.[실행코드 및 오류코드]jeongmujin@jeongmujin-ui-MacBookPro smart-menu-study % disable_websockets=true meteor run[[[[[ ~/CodingProject/smart-menu-study ]]]]]=> Started proxy.=> Started MongoDB.W20230305-11:52:57.338(9)? (STDERR) /Users/jeongmujin/.meteor/packages/meteor-tool/.2.10.0.rdjekq.emwgl++os.osx.x86_64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.x86_64/dev_bundle/server-lib/node_modules/fibers/future.js:280W20230305-11:52:57.358(9)? (STDERR) throw(ex);W20230305-11:52:57.358(9)? (STDERR) ^W20230305-11:52:57.359(9)? (STDERR)W20230305-11:52:57.359(9)? (STDERR) Error: Cannot find module '/imports/startup'W20230305-11:52:57.359(9)? (STDERR) at makeMissingError (packages/modules-runtime.js:222:12)W20230305-11:52:57.359(9)? (STDERR) at Module.resolve (packages/modules-runtime.js:228:17)W20230305-11:52:57.359(9)? (STDERR) at Module.moduleLink [as link] (/Users/jeongmujin/.meteor/packages/modules/.0.19.0.zlniqk.0jz8++os+web.browser+web.browser.legacy+web.cordova/npm/node_modules/@meteorjs/reify/lib/runtime/index.js:45:25)W20230305-11:52:57.359(9)? (STDERR) at module (server/main.js:1:8)W20230305-11:52:57.359(9)? (STDERR) at fileEvaluate (packages/modules-runtime.js:336:7)W20230305-11:52:57.359(9)? (STDERR) at Module.require (packages/modules-runtime.js:238:14)W20230305-11:52:57.359(9)? (STDERR) at require (packages/modules-runtime.js:258:21)W20230305-11:52:57.359(9)? (STDERR) at /Users/jeongmujin/CodingProject/smart-menu-study/.meteor/local/build/programs/server/app/app.js:29:1W20230305-11:52:57.359(9)? (STDERR) at /Users/jeongmujin/CodingProject/smart-menu-study/.meteor/local/build/programs/server/boot.js:369:38W20230305-11:52:57.359(9)? (STDERR) at Array.forEach (<anonymous>)W20230305-11:52:57.359(9)? (STDERR) at /Users/jeongmujin/CodingProject/smart-menu-study/.meteor/local/build/programs/server/boot.js:210:21W20230305-11:52:57.360(9)? (STDERR) at /Users/jeongmujin/CodingProject/smart-menu-study/.meteor/local/build/programs/server/boot.js:423:7W20230305-11:52:57.360(9)? (STDERR) at Function.run (/Users/jeongmujin/CodingProject/smart-menu-study/.meteor/local/build/programs/server/profile.js:256:14)W20230305-11:52:57.360(9)? (STDERR) at /Users/jeongmujin/CodingProject/smart-menu-study/.meteor/local/build/programs/server/boot.js:422:13=> Exited with code: 1=> Your application is crashing. Waiting for file change.
-
해결됨탄탄한 백엔드 NestJS, 기초부터 심화까지
[2023.03.04 기준] 프론트앤드 빌드 방법 정리
해당 강의 프론트앤드 빌드 방법 정리합니다.강의 그대로 따라할 시에 제가 구성한 환경에서는 에러가 지속적으로 발생했습니다.에러 정보: Error: error:0308010C:digital envelope routines::unsupported환경 정보OS: MacOS Ventura 13.3 베타npm, npx version: 9.5.0node version: v18.14.2이에 따른 해결 방법 정리해봅니다. :)강의에 있는 git 프로젝트를 clone 한다.frontenddev 폴더 접근package.json 파일을 아래와 같이 작성 (dependencies 에서 antd 는 4.24.0 버전, 그 외는 2023.03.04 기준으로 최신 버전입니다. )frontenddev 폴더에서 sudo npx @next/codemod new-link . 을 실행한다.components/layouts/AccountForm.tsx 파일에서 <Link href="/signup"> 을 <Link href="/signup" legacyBehavior> 으로 변경Error: Invalid <Link> with <a> child. Please remove <a> or use <Link legacyBehavior>. 해결하기 위함입니다.참고 블로그: https://steady-learner.tistory.com/entry/Nextjs-Error-Invalid-Link-with-a-child-Please-remove-a-or-use-Link-legacyBehavior-%EC%98%A4%EB%A5%98npm i 후 npm run dev 하면 실행 됨을 확인할 수 있습니다.
-
해결됨[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지
const config = require('../config/config')[env];를 es모듈로 불러오는 방법
안녕하세요 자꾸 글 작성했다 지웠다 해서 죄송합니다.직접 검색해보고 해결해보려했는데 안되어서 다시 남깁니다. 7.6장 model/index.js 파일중에서const config = require('../config/config')[env];수업에 나왔던 이 코드와 동일하게 동작하게끔 es모듈 방식으로 import하는 코드를 작성하려 합니다import cfg from '../config/config.json' assert { type : 'json' } const config = cfg[env]; 이렇게 작성해 보았는데(node:10404) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time(Use node --trace-warnings ... to show where the warning was created)이런 경고가 뜨고, 무시하고 app.js를 실행하면 서버가 실행되긴 하는데 책&예제코드에 나오는 메시지와는 다른 아래와 같은 메시지가 나옵니다.Executing (default): SELECT TABLE_NAME FROM INFORMATION_SCHEMA.TABLES WHERE TABLE_TYPE = 'BASE TABLE' AND TABLE_NAME = 'users' AND TABLE_SCHEMA = 'nodejs'Executing (default): SHOW INDEX FROM users FROM nodejsExecuting (default): SELECT TABLE_NAME FROM INFORMATION_SCHEMA.TABLES WHERE TABLE_TYPE = 'BASE TABLE' AND TABLE_NAME = 'comments' AND TABLE_SCHEMA = 'nodejs'Executing (default): SHOW INDEX FROM comments FROM nodejs 어떻게 해야 es모듈에서도 동일하게 동작하게끔 할 수 있는지 궁금합니다.
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
DISABLE_WEBSOCKETS=true meteor run 문제
GraphQL 기본 수업에서 학습용 프로젝트를 런하려고 하는데...DISABLE_WEBSOCKETS=true meteor run 이 안됩니다.'DISABLE_WEBSOCKETS'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.라는 메시지가 뜹니다.README.md 보고 그대로 따라했습니다.어떻게 해야하나요??
-
미해결[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지
수업 내용에 대해 질문드립니다.
안녕하세요http.createServer(async (req, res) => { try { if (req.method === 'GET') { if (req.url === '/') { const data = await fs.readFile(path.join(__dirname, 'restFront.html')); res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' }); return res.end(data); } else if (req.url === '/about') { const data = await fs.readFile(path.join(__dirname, 'about.html')); res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' }); return res.end(data); } else if (req.url === '/users') { res.writeHead(200, { 'Content-Type': 'application/json; charset=utf-8' }); return res.end(JSON.stringify(users)); } // /도 /about도 /users도 아니면 try { const data = await fs.readFile(path.join(__dirname, req.url)); return res.end(data); } catch (err) { // 주소에 해당하는 라우트를 못 찾았다는 404 Not Found error 발생 } restFront.js , restFront.css 등을 받아오는 try 부분에서강의에는 const data = await fs.readFile(`.${req.url)`);로 수업하셨는데책과 깃헙예제에는 const data = await fs.readFile(path.join(__dirname, req.url)); 로 되어있어가지구요1. .${req.url}에서 백틱과 .은 꼭 쓰여야 하는건지랑2. 책의 예제코드에서 __dirname의 경로는 restServer.js가 있는 위치가 기준이 되는건지 질문드립니다. else if (req.method === 'POST') { if (req.url === '/user') { let body = ''; // 요청의 body를 stream 형식으로 받음 req.on('data', (data) => { body += data; }); // 요청의 body를 다 받은 후 실행됨 return req.on('end', () => { console.log('POST 본문(Body):', body); const { name } = JSON.parse(body); const id = Date.now(); users[id] = name; res.writeHead(201, { 'Content-Type': 'text/plain; charset=utf-8' }); res.end('등록 성공'); }); } } return req.on('end', () =>{}) 에서 'end'라는 이벤트가 어느 부분에서 발생해서 저기 들어가는건지도 궁금합니다.
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
apollo-upload-client 패키지 설치에러 문구
해당 부분 진행중에위와 같은 에러 코드를 보게 되었습니다.설치는 잘 된 것 같은데, 문제가 없을까 염려됩니다.
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
meteor npm i short 설치 에러문구
이 부분을 진행하고 있었습니다.라고 에러가 나오는데, 문제가 없을까요?혹시 몰라서, 지우고, 이 방법으로 설치해봤습니다. 이렇게 하니까, 에러문구는 많이 안보이네요