inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

이메일 아이디는 findOneBy를 이용하였는데 서브레딧제목은 왜 QueryBuilder를 사용하나요?

해결됨

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

const emailUser = await User.findOneBy({ email }); const usernameUser = await User.findOneBy({ username }); if (emailUser) errors.email = '이미 사용 중인 이메일입니다.'; if (usernameUser) errors.username = '이미 사용 중인 이름입니다.'; if (Object.keys(errors).length > 0) { return res.status(400).json(errors); } 이런방식과 QueryBuilder는 뭐가 다른지 왜 그렇게 하는지 궁금합니다.. 연휴에도 질문드려 송구하네요..에고 ^^

  • postgresql
  • docker
  • typescript
  • nodejs
  • react
  • Next.js
  • 클론코딩
댓글 1 좋아요 1 조회수 482

react 18에 맞춰서 작성한 코드입니다.

미해결

처음 만난 리액트(React)

바뀐 react 18에 따라서 작성된 코드입니다. 바뀐 리엑트로 어떻게 코드 작성해야하는지 모르겠는 분들은 참고하시면 좋을것 같습니다! https://github.com/matt700395/first-meet-react/commit/7df1b7367e6a2c00f21ae30a92e39102959e373f

  • react
  • HTML/CSS
  • javascript
베이스 캠퍼스 댓글 3 좋아요 6 조회수 715

도커를 이용하여 postgresql을 사용하는것에 이점이 있나요?

해결됨

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

도커를 사용하지 않으면 postgresql을 사용하지 못하는것인가요? 정말 잘 몰라서 그러는데 도커를 사용해 postgresql을 이용하는것에 장점이 궁금합니다

  • nodejs
  • typescript
  • docker
  • postgresql
  • react
  • 클론코딩
  • Next.js
댓글 1 좋아요 0 조회수 370

GET /api/auth/me 304

해결됨

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

커뮤니티생성 - 커뮤니티 생성핸들러 생성하기(2) 까지 강의를 들은 상황에서 첫 로그인은 network status가 200이 뜨는데 그 다음부터는 어느 페이지든 접근시 GET /api/auth/me 304 가 나옵니다. routes/auth.ts 에서 [변경전] const me = async (_: Request, res: Response) => { return res.json(res.locals.user) } [변경후] const me = async (_: Request, res: Response) => { return res.status(200).json(res.locals.user) } 바꾸었으에도 계속 그러네요.. 왜 그런지 아시나요 아래와 같은 글을 발견했지만 캐싱 이후 그냥 304를 날린다는데 이게 맞는건가요..? https://www.inflearn.com/questions/14571

  • 클론코딩
  • Next.js
  • docker
  • nodejs
  • postgresql
  • typescript
  • react
heonpage 댓글 1 좋아요 0 조회수 350

npm run start 오류 제발요,,ㅠ

미해결

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

위와 같이 정상적으로 컴파일 되었다고 하지만, 이렇게 오류가 뜹니다... 도저히 해결 방법을 모르겠어요!! proxy설정 전에는 정상적으로 작동해서 다시 proxy에 관한 코드를 다 주석처리하고 해봤는데 저렇게 뜨네요 ㅠㅠ

  • nodejs
  • react
강창민 댓글 3 좋아요 1 조회수 808

npx sequelize db:create 오류

미해결

Slack 클론 코딩[실시간 채팅 with React]

ws@DESKTOP-9H6S8B6 MINGW64 ~/Desktop/sleact/back $ npx sequelize db:create Sequelize CLI [Node: 16.15.0, CLI: 6.4.1, ORM: 6.21.4] Loaded configuration file "config\config.js". Using environment "development". ERROR: Access denied for user 'root'@' localhost ' (using password: NO) 이런 오류가 계속 뜨고 다른 분들께서 질문하신 답변을 봐도 모르겠습니다... mysql 비밀번호는 확실하게 맞습니다.

  • Socket.io
  • babel
  • react
  • 웹팩
  • typescript
  • 클론코딩
wsws 댓글 1 좋아요 1 조회수 631

닉네임 부분이 잘못되어 있는 것 같습니다.

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

해당 강의 이후에 수정하시는지 모르겠지만 닉네임이 제대로 적용되어있지 않는 것 같습니다. // MsgList.js <MsgItem ... user={...} /> 현재 해당 강의 시점에서 user을 넘기고 user.nickname으로 표시를 하게 되어 있는데 { id: 'roy', nickname: '로이' } 가 계속 넘어가서 닉네임이 '로이'로만 렌더링되고 있습니다. // MsgList.js <MsgItem ... users={users} /> // MsgItem {users.find(user => user.id === userId).nickname} 저는 일단 이런식으로 수정하였는데 닉네임 부분 한번 확인 부탁드립니다! 혼동이 올 수도 있을 것 같습니다 ㅎㅎ..

  • rest-api
  • react
  • graphql
hwlim 댓글 2 좋아요 0 조회수 468

Typescript 질문드려요!

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

안녕하세요 재남님! Typescript 적용 중에 계속 안되는 부분이 있어서 질문드려요! setQueryData에 2번째 인자인 old에 대해서 타입 지정 중인데 안되는 이유가 궁금합니다!

  • react
  • graphql
  • rest-api
bj2525 댓글 1 좋아요 0 조회수 357

다른건 다되는데 typeerror 가 뜹니다..

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

1.<pre>TypeError: Cannot read properties of undefined (reading &#39;create&#39;) const express = require("express"); const cors = require("cors"); const { application } = require("express"); const app = express(); const port = 8080; const models = require("./models"); app.use(express.json()); app.use(cors()); app.get("/products", (req, res) => { const query = req.query; console.log("QUERY:", query); res.send({ products: [ { id: 1, name: "농구공", price: 100000, seller: "조던", imgUrl: "images/products/basketball1.jpeg", }, { id: 2, name: "축구공", price: 50000, seller: "메시", imgUrl: "images/products/soccerball1.jpg", }, { id: 3, name: "키보드", price: 10000, seller: "그랩", imgUrl: "images/products/keyboard1.jpg", }, ], }); }); app.post("/products", (req, res) => { const body = req.body; const { name, description, price, seller } = body; models.Product.create({ name, description, price, seller, }) .then((result) => { console.log("상품 생성 결과 : ", result); res.send({ result, }); }) .catch((error) => { console.error(error); res.send("상품 업로드에 문제가 생겼습니다."); }); }); app.get("/products/:id/events/:eventId", (req, res) => { const params = req.params; const { id } = params; res.send(); }); app.listen(port, () => { console.log("그랩의 쇼핑몰 서버가 돌아가고 있습니다."); models.sequelize .sync() .then(() => { console.log("DB 연결 성공"); }) .catch((err) => { console.error(err); console.log("DB 연결 에러 ㅠ "); process.exit(); }); }); 그 전까진 다 실행 잘되고 테이블도 잘 만들어졌는데 postman 에 send 를 누르면 이렇게 나옵니다 body 안에는 잘 들어가는데 create 에서 문제가 생긴거 같습니다. ㅠㅠ

  • tensorflow
  • 머신러닝 배워볼래요?
  • javascript
  • HTML/CSS
  • react-native
  • nodejs
  • react
  • express
댓글 2 좋아요 0 조회수 416

API_URL

미해결

따라하며 배우는 리액트 A-Z[19버전 반영]

이러한 API_URL은 어떻게 알 수 있을까요 ? https://www.themoviedb.org 사이트에 정보가 나와있는 걸까요 ?

  • tdd
  • react
  • redux
  • typescript
  • Next.js
댓글 1 좋아요 0 조회수 297

스타일관련문의드립니다

미해결

따라하며 배우는 리액트 A-Z[19버전 반영]

선생님 강좌 하다보니까 스타일 관련이 좀어려운 부분이 있는데요 혹시 스타일 쉽게 구현하는 법이 있나요? 미디어쿼리 z인덱스니 포지션 이런거 한번에 해결해주는 툴은 없는지요?

  • Next.js
  • redux
  • react
  • typescript
  • tdd
David Ko 댓글 2 좋아요 0 조회수 304

특정 영화의 더 상세한 정보가져오기

미해결

따라하며 배우는 리액트 A-Z[19버전 반영]

const {data:moviedetail} = await axios.get(`movie/${movieId}`,{params:{append_to_reponse:'videos'}}) setmovie(moviedetail) `movie/${movieId}`,{<---------- 이부분이요 params:{append_to_reponse:'videos'}}); 선생님 저 윗 부분은 1. 중괄호로 params를 묶으신건 어떤걸 의미하는건가요? 2.append_to_response:'videos' 이부분은 문법인가요? 감사합니다

  • tdd
  • redux
  • typescript
  • react
  • Next.js
David Ko 댓글 2 좋아요 0 조회수 340

error: password authentication failed for user "postgres"

미해결

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

도커 컨테이너도 실행 잘 되고, 서버 연결도 잘되서 localhost : 4000에서 서버도 잘 띄워집니다. 그런데, 데이터베이스만 연결이 안되는 것 같아요 ㅠㅠ npm run dev 만 하면 이런 에러가 납니다. // docker-compose.yml // data-source.ts 환경변수로도 해봤는데 안되서, 일단은 postgres, password로 입력해 놓은 상태입니당 ㅜ Docker Desktop에 컨테이너에서 로그 같은 기능이 있길래 봤는데 자꾸 비밀번호 인증에 실패 했다고만 나오고 구글링해도 모르겠어용 ㅠㅠ reddit-postgres | 2022-08-28 02:13:17.747 UTC [1] LOG: database system is ready to accept connections reddit-postgres | 2022-08-28 02:13:52.751 UTC [33] FATAL: password authentication failed for user "postgres" reddit-postgres | 2022-08-28 02:13:52.751 UTC [33] DETAIL: Connection matched pg_hba.conf line 100: "host all all all scram-sha-256"

  • error
  • react
  • typescript
  • docker
  • postgresql
  • nodejs
  • 클론코딩
  • Next.js
프링이 댓글 3 좋아요 1 조회수 1629

error 관련하여

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

text contents does not match server-sided HTML이라는 오류가 뜨는게 혹시 어떻게 해결할 수 있을까요? 검색해도 마땅히 제대로 된 답이 안나오네요. 그리고 왜 여기서는 그런 오류가 안생기는지 궁금합니다!

  • rest-api
  • graphql
  • react
김인범 댓글 1 좋아요 1 조회수 314

data값이 안 받아와져요..

미해결

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React

프록시 설정하고 응답요청했는데 console.log(요청)도 안되고 데이터자체가 안 받아와지는데 왜 그럴까요..?

  • mongodb
  • express
  • nodejs
  • firebase
  • react
pooh2_2000 댓글 2 좋아요 2 조회수 474

동영상이 없을 경우 오류

미해결

따라하며 배우는 리액트 A-Z[19버전 반영]

선생님 안녕하세요? 강의 잘 듣고 있습니다. Styled Component를 이용한 비디오 배너 만들기에서 iframe에서 src에 movie.videos.results가 없을 경우 오류가 생깁니다. 저는 여기에 옵셔널 체이닝(?.)을 걸어 만약에 movie.videos.results이 없을 경우 undefined를 반환하게 하는 방식으로 해결했습니다. 이렇게 한 경우 오류 페이지가 보이는 대신 동영상을 재생할 수 없다고 뜹니다. 이렇게 하는 방법도 괜찮은지, 혹시 더 좋은 방법이 있다면 가르쳐 주세요. 감사합니다. src={`https://www.youtube.com/embed/${movie.videos.results[0]?.key}?controls=0&autoplay=1&loop=1&playlist=${movie.videos.results[0]?.key}`}

  • Next.js
  • typescript
  • react
  • redux
  • tdd
hh1234 댓글 1 좋아요 2 조회수 584

dispatch("LOGIN",res.data?.user); 쪽에서 에러가 뜹니다 ㅜ

미해결

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

TypeError: dispatch is not a function at _callee$ (login.tsx?11e1:20:10) at tryCatch (runtime.js?ecd4:45:16) at Generator.invoke [as _invoke] (runtime.js?ecd4:274:1) at prototype.<computed> [as next] (runtime.js?ecd4:97:1) at asyncGeneratorStep (_async_to_generator.mjs?949a:3:1) at next ( async_to_generator.mjs?949a:25:1) 라는 에러가 뜨는데 어디가 문젠지 모르겠습니다.. ㅠ

  • docker
  • postgresql
  • typescript
  • react
  • nodejs
  • 클론코딩
  • Next.js
tmdrbwk3 댓글 4 좋아요 0 조회수 588

질문 드려요

해결됨

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

findone vs findoneorfail 무슨차이 인가요?

  • toporm
  • typescript
  • nodejs
  • postgresql
  • react
  • docker
  • 클론코딩
  • Next.js
리나스 댓글 1 좋아요 0 조회수 298

디비 api 사이트 회원가입 문제

미해결

따라하며 배우는 리액트 A-Z[19버전 반영]

디비 api 사이트 회원가입이 안됩니다

  • react
  • typescript
  • redux
  • tdd
  • Next.js
강민성 댓글 2 좋아요 0 조회수 354

500에러 질문

미해결

Slack 클론 코딩[실시간 채팅 with React]

제로초님 깃헙코드 보고 리액트쿼리로 공부하다가 DM 보내는 로직에서 500에러가 떳습니다~!! api 문서대로 요청보냈고, 분명 서버쪽은 문제가 없을텐데 싶어서 며칠 째 고민하다 질문드려요!!! NaN으로 뜨는 부분이 백엔드 코드에서 콘솔 찍어보니까 req.query.perPage 이게 언디파인드로 전달 되더라구요. 근데 저는 perPage를 제로초님처럼 20으로 고정해서 전달하고 있는데 언디파인드로 뜨는게 이상하더라구요.ㅜㅜ +) 그리고 뮤테이션 쿼리키를 ["workspace", workspace, "dm", id, "chat"] 이렇게 주신 이유가 궁금해요!! 제가 공식문서 읽고 이해한게 배열로 줄 경우 첫번째 값이 캐싱할 때 쓰이는 이름이고 그 위에있는 애들은 mutation 안에서 사용될 외부 값을 넣어준다고 이해했었거든요!! 근데 dm 이나 chat은 사용되지 않는 것 같아서요!!

  • typescript
  • 웹팩
  • react
  • babel
  • Socket.io
  • 클론코딩
댓글 1 좋아요 0 조회수 369

인기 태그

인프런 TOP Writers

주간 인기글