묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
cd client에서 npm install 오류
npm WARN old lockfilenpm WARN old lockfile The package-lock.json file was created with an old version of npm,npm WARN old lockfile so supplemental metadata must be fetched from the registry.npm WARN old lockfilenpm WARN old lockfile This is a one-time fix-up, please be patient...npm WARN old lockfile[##################] \ reify:fsevents: sill reify mark deleted [이렇게 뜨는데 어떻게 해결해야하나요?
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
state 을 사용할수 있는 곳?
state의 특징들에 관해서 잘 알겠습니다. 하지만 실제로 해당 기능을 쓸 수 있는 곳이 어디 있을까요? 저가 생각나는 것은 일단 쇼핑웹사이트에서 구매자가 자기가 살려고 하는 물건의 개수를 표시하는게 떠오르기는 하는데 이것 말고도 있을까요?
-
미해결[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
@JoinColumn() 관련 오류
@JoinColumn()@OneToOne(() => ProductSalesLocation)productSaleslocation: ProductSalesLocation; 코드가 들어가면 import { JoinColumn, JoinTable } from 'typeorm/browser'; 위 처럼 import가 되고 아래와 같은 오류가 뜹니다. Join Column OneToOne 부분만 지우고 코드를 돌리면 잘 돌아가는데, 저것을 추가하는 순간 아래와 같은 오류가 뜹니다. 이유를 알 수 있을까요? 16-01-mysql-relation2/node_modules/typeorm/browser/index.js:3import "reflect-metadata";^^^^^^SyntaxError: Cannot use import statement outside a module at internalCompileFunction (node:internal/vm:73:18) at wrapSafe (node:internal/modules/cjs/loader:1176:20) at Module._compile (node:internal/modules/cjs/loader:1218:27) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1308:10) at Module.load (node:internal/modules/cjs/loader:1117:32) at Function.Module._load (node:internal/modules/cjs/loader:958:12) at Module.require (node:internal/modules/cjs/loader:1141:19) at require (node:internal/modules/cjs/helpers:110:18) at Object.<anonymous> (/Users/hychoi/WebstormProjects/backend-study/class/16-01-mysql-relation2/src/apis/products/entities/product.entity.ts:3:1) at Module._compile (node:internal/modules/cjs/loader:1254:14)
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
날짜 정렬 기능이 안됌
최신순 정렬이 되지 않아서 질문 드립니다. https://github.com/youngwoobae/EMOTION-DIARY 무슨 문제 일까요..?
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
html 에서 컴포넌트 사용여부
이 강의에서 리액트가 쓰이는 이유가 html 에서 똑같이 반복되는 header 부분이나 footer 분들을 각 html 로 계속 똑같이 작성을 해서 나중에 수정을 해야 될 경우 샷건 수술을 안하고 컴포넌트 방식으로 작성을 해서 그 부분을 수정하면 모든 그 컴포넌트 방식을 사용하는 부분이 다 한번에 고쳐진다는 장점이 있다는걸 이해했습니다. 혹시 html 만 사용을 했을 경우 이런 컴포넌트 방식을 아에 구현이 불가능한건지 궁금합니다.
-
해결됨탄탄한 백엔드 NestJS, 기초부터 심화까지
싱글턴 관련해서 이해가 잘 가지 않습니다
const server1 = new Server(); const server2 = new Server();이렇게 했을 때 server1 과 server2 가 동일한 인스턴스가 될 수 있나요?제가 알고 있는 싱글턴은 인스턴스 요청시 이미 생성된 인스턴스가 있으면 그거 리턴해주고, 없으면 새로 만들어서 리턴함과 동시에 저장해두었다가 계속 사용하는 방식 혹은 스프링처럼 프레임워크가 한 클래스에 대해 하나의 인스턴스만 존재하도록 관리하는 방식인데 혹시 강의에서 말씀 주신 건 다른 의미인걸까요?아니면 하나의 Server 인스턴스 내에서는 모두 동일한 express.Express 타입의 app 을 공유한다는 의미에서 싱글턴이라고 표현하신걸까요? 감사합니다!
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
회원가입 과제 정답 확인하고싶은데 전체 코드 올려주실수있나요?
정답 확인하고 싶어서요
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
adminjs 라이브러리 문제
안녕하세요.명쾌하고 좋은강의 잘 듣고 있습니다.다름이 아니오라 강사님께서 추천해주신 admin 라이브러리인 adminJS 관련해서 해당패키지를 다움받고나서 모듈자체를 불러올 수 없다는 오류가 계속 생기고 있습니다.공유해주신 깃헙코드 기준으로 거의 똑같이 작성해보았습니다. 하지만pakage.json등에도 모두 잘 기록되어 있는데, 어떤 문제가 있는지 몰라 문의 드립니다. 관련 라이브러리는 nestJS에서 사용이 가능한 상태인가요? nestJS가 버전업되면서 사용할 수 없게 되었는지 궁금합니다.
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
adminjs 라이브러리 문제
안녕하세요.명쾌하고 좋은강의 잘 듣고 있습니다.다름이 아니오라 강사님께서 추천해주신 admin 라이브러리인 adminJS 관련해서 해당패키지를 다움받고나서 모듈자체를 불러올 수 없다는 오류가 계속 생기고 있습니다.pakage.json등에도 모두 잘 기록되어 있는데, 어떤 문제가 있는지 몰라 문의 드립니다. 관련 라이브러리는 nestJS에서 사용이 가능한 상태인가요? nestJS가 버전업되면서 사용할 수 없게 되었는지 궁금합니다.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
섹션5 데이터 추가하기 강의에 질문있습니다.
섹션 5 useRef , 데이터 추가하기강의에서 useRef가 dom을 지정하기 위해 사용한다고 이해했거든요?근데 데이터를 전달을 위해const dataID = useRdf(0)하고dataId.current += 1처럼변수같이 사용하는데그냥 변수처럼도 사용한거는건가요? 아니면 저가 이해를 못한 사용 의미가 있는건가요제 생각엔 그냥 변수 하나 0으로 초기화하고 그걸 써도 되지 않나란 생각이 들어서요
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
15-02 API-Gateway2 윈도우는 되는데 도커는 안됩니다
저의 개발 환경은 윈도우입니다.이렇게 코드를 실행하였을 시 로컬 개발환경에서는 잘 실행이 됩니다.그런데 docker로 실행시켰을 시 gateway만 아래의 오류가 뜹니다. 어떻게 처리 방법이 있을까요?
-
해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
다 잘 되는데 postman에서 err가 떠요
처음엔 config.mongoURI를 못 읽어와서 mongoDB연결이 안 되더니, console.log한 번 찍고 나니까 이상하게 돼요그런데 postman에서 err가 뜹니다..이유가 뭘까요?
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
Application > Cookies 에 front에만 저장이 안 돼요...
안녕하세요 제로초님,Application > Cookies 에 sid가 front에만 저장이 안 되는 문제가 있습니다. sid가 back에는 저장이 됩니다.제가 아직 쿠키와 세션 이해가 부족한 건지.. axios config에 뭔가 문제가 있는건지,,, 구글링 해봐도 별 거 안 나오고.. 제가 이미 다 한 거고...https://stackoverflow.com/questions/71036779/cookies-sent-from-backend-but-not-set-correctly-on-frontendhttps://stackoverflow.com/questions/72105765/axios-doesnt-create-a-cookie-even-though-set-cookie-header-is-therefront: config/config.tsimport axios from "axios"; import { backUrl } from "../../config/config"; axios.defaults.baseURL = backUrl; axios.defaults.withCredentials = true; const instance = axios.create({ baseURL: backUrl, // cors withCredentials: true, // cookie (user info) }); // instance.interceptors.request.use(function (instance) { // const kakao_authorization = localStorage.getItem("kakao_authorization"); // const Token = localStorage.getItem("Authorization"); // const Retoken = localStorage.getItem("refresh-Token"); // instance.headers["Authorization"] = Token; // instance.headers["refresh-Token"] = Retoken; // instance.headers["kakao_authorization"] = kakao_authorization; // return instance; // }); export default instance; front - Network 탭front - Application > Cookies 탭back: app.jsconst express = require('express'); const morgan = require('morgan'); const cors = require('cors'); const session = require('express-session'); const cookieParser = require('cookie-parser'); const passport = require('passport'); const dotenv = require('dotenv'); const path = require('path'); const hpp = require('hpp'); const helmet = require('helmet'); const userRouter = require('./routes/user'); const postRouter = require('./routes/post'); const postsRouter = require('./routes/posts'); const db = require('./models'); const passportConfig = require('./passport'); dotenv.config(); const app = express(); db.sequelize.sync() .then(()=>{ console.log('db 연결 성공'); }) .catch(console.error); passportConfig(); app.use(express.json()); // axios로 data보낼 때 app.use('/', express.static(path.join(__dirname, 'uploads'))); // multipart form data app.use(express.urlencoded({ extended: true })); // 일반 form 일 때에는 url encoded로 받음 if (process.env.NODE_ENV === 'production') { app.use(morgan('combined')); app.use(hpp()); app.use(helmet({ contentSecurityPolicy: false })); app.use(cors({ origin: 'http://shinyoungyou.com', credentials: true, })); } else { app.use(morgan('dev')); app.use(cors({ origin: true, credentials: true, })); } app.use(cookieParser(process.env.COOKIE_SECRET)); app.use(session({ saveUninitialized: false, resave: false, secret: process.env.COOKIE_SECRET, cookie: { httpOnly: true, secure: false }, domain: process.env.NODE_ENV === 'production' && '.shinyoungyou.com' })); app.use(passport.initialize()); app.use(passport.session()); app.get('/', (req, res) => { res.send('Express + TypeScript Server'); }); app.post('/api/post', (req, res) => { res.send('this is post http method'); }); app.use("/user", userRouter); app.use("/post", postRouter); app.use("/posts", postsRouter); module.exports = app; back - Application > Cookies 탭
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
상품카테고리 API 실행 후, respository.save() 오류
안녕하세요. 부트캠프 백엔드 강의를 수강하고 있습니다.강의 [섹션8. ORM활용 API구현 > 상품카테고리 등록 API] 에서 질문이 있습니다.ProductCategory 생성 API를 실행하면, ProductCategory의 Metadata가 없다는 오류가 뜹니다강의자료(노션)의 코드를 그대로 copy&paste 해줘도 동일한 오류가 나옵니다.상품카테고리 등록 API 통하여 {name} 인수는 제대로 서버에 들어옵니다.(Console.log에 제대로 나와요)디버깅해보니 아래 코드에서 에러가 발생합니다. const result = await this.productCategoryRepository.save({ name });=> 위 코드를 주석처리하면 오류발생 없이, DB 테이블들이 정상적으로 생성됩니다. {name} 에 인수도 잘 들어오는데, 터미널에서 보면 mysql 쿼리문도 생성이 안됩니다. 제가 어떤 부분에서 수정을 해줘야할까요? 댓글 부탁드립니다~좋은강의에 항상 감사드립니다!
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
6-15 const store에 대해
안녕하세요영상을 따라 코드를 쭉 따라가는데요.따라치면은, 결국은 onCreate, onEdit, onRemove가 안되는데, 올려주신 최종소스에는 const store = { data, };이부분과<DiaryStateContext.Provider value={store}>이부분이 있는데,영상에는 빠져있어서 연결부분을 모르겠습니다. 영상과 최종 소스와의 차이점을 좀 알려주세요~
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
6-15에서 일기 생성이 안되는 것 같은데요.
안녕하세요올려주신 샘플에서도, 제가 직접 친 코드에서도일기 생성이 안되는 것 같은데요.알려주세요~ https://codesandbox.io/s/chapt-15-rlyyu?file=/src/App.css 자답:const handleAddButtonClick = () => {alert("일기가 추가되었어요!");return;이렇게 되어 있었네요. return을 없애니 추가 됩니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
며칠 안으로 수강하는게 목표인가요?
이 강의는 며칠 안으로 끝내는게 목표인가요?
-
미해결[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지
에러처리
에러처리 해줄때 app.js에 에러처리 미들웨어를 해주시는데 꼭 이 방식으로 에러 처리를 해줘야하나요? 아니면 보통 router를타고 특정 함수에서 res.status(405).json(dfsa);이렇게 하나하나 처리해주면 안되나요?
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
아예 몽고DB에 연결한다고만 하고 연결이 안되고 있습니다.
> npm run dev > react-boiler-plate@1.0.0 dev > concurrently "npm run backend" "npm run start --prefix client" [1] [1] > client@0.1.0 start [1] > react-scripts start [1] [0] [0] > react-boiler-plate@1.0.0 backend [0] > nodemon server/index.js [0] [1] 'react-scripts'��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α�, �Ǵ� [1] ��ġ ������ �ƴմϴ�. [1] npm run start --prefix client exited with code 1 [0] [nodemon] 2.0.22 [0] [nodemon] to restart at any time, enter `rs` [0] [nodemon] watching path(s): *.* [0] [nodemon] watching extensions: js,mjs,json [0] [nodemon] starting `node server/index.js` [0] Server Listening on 5000 [0] (node:9644) [DEP0170] DeprecationWarning: The URL mongodb://hwangjyoung27:tf933725@ac-xjv9w4y-shard-00-02.gefw08m.mongodb.net:27017,ac-xjv9w4y-shard-00-00.gefw08m.mongodb.net:27017,ac-xjv9w4y-shard-00-01.gefw08m.mongodb.net:27017/?authSource=admin&replicaSet=atlas-9r8jq0-shard-0&retryWrites=true&w=majority&ssl=true is invalid. Future versions of Node.js will throw an error. [0] (Use `node --trace-deprecation ...` to show where the warning was created) [0] MongoDB Connected...
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
login 기능 구현시 cookie가 서버에서 브라우저로 전달이 안됩니다.
라이브서버를 통해서 페이지를 열고(localhost:5501)로컬서버를 통해 서버를 돌리고(localhost:3000)버튼을 클릭하면 axios요청을 통해 서버에서 set-cookie를 응답 header에 작성해주도록했습니다. 크롬 개발자도구 network 탭에서 set-cookie가 잘 들어와있는걸 확인했는데 왜 application 탭에서 확인해보니 cookie가 들어있지 않는건가요?(corsenable origin, credentials 설정과 axios.post요청에도 credentials 설정을 해줬습니다.)