묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
CORS 에러
결제 API를 테스트 하던 중 CORS에러를 발견하여 나름대로 수정을 해보려고 했으나.... 헤매고 있어서 질문 드립니다. 우선 에러 메시지가 아래처럼 나왔습니다.(현재 쓰고 있는 에디터가 webstorm이라 혹시나 해서 vscode로 실행했는데요 결국 동일한 에러가 발생했습니다.)결국 preflight에서 CORS에러가 난건데요.이를 찾아보니... 프론트/백엔드 모두에서 설정해야 해서 다음과 같이 했습니다. Front ---------------------------------------------테스트 해보려고 변수를 하드코딩 했습니다.axios.defaults.withCredentials = true; axios.post( 'http://localhost:3000/graphql', // 쿼리 작성 { query: ` mutation { createPointTransaction(impUid: "imp_12345678", amount: 100) { id impUid amount status } } ` }, // headers { headers: { "Authorization": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJhNmQ3NjU5Yy05NzA2LTQ4MDgtOTA0OC02ZjI4YWY4NmNhN2UiLCJpYXQiOjE2OTQwNzI1MjQsImV4cCI6MTY5NDA3NjEyNH0.Uch2B5ewPc6yVsy4LuyOJzAUXEhnypbTxKmtQt6hRBw", } } ) Backend -------------------------------------------------main.tsimport { NestFactory } from '@nestjs/core' import { AppModule } from './app.module' import { ValidationPipe } from '@nestjs/common' import { HttpExceptionFilter } from './commons/filter/http-exception.filter' async function bootstrap() { const app = await NestFactory.create(AppModule) // cors설정 추가 app.enableCors() app.useGlobalPipes(new ValidationPipe()) app.useGlobalFilters(new HttpExceptionFilter()) await app.listen(3000) } bootstrap() 제가 찾은 방법은 여기까지 인데요.다른 방법을 찾지 못해 질문 드립니다.;;;;
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
variables 값들이 바뀌질 않습니다
const setGraphql = gql` mutation createBoard($writer: String, $title: String, $contents: String) { createBoard(writer: $writer, title: $title, contents: $contents) { _id number message } } `; export default function GraphqlMutationPage() { const [createBoardMutation] = useMutation(setGraphql); const onClickSubmit = async () => { try { const result = await createBoardMutation({ // await 을 빼주면 promise 상태로 변환 variables: { // variables => $ 역할을함 writer: '훈이', title: 'ㅎㅇ', contents: '반갑습니다', }, }); console.log(result); } catch (error) { console.error(error); } }; 다음과 같이 코드를 작성해보았습니다. 데이터 요청은 보내지지만 variables 값들이 바뀌질 않습니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
image upload 주소 질문있습니다
image upload 의 주소가 google로 되어있다고 설명해주셨는데 백엔드 개발자가 google 쪽으로 설정한 것인지 아니면 graphql 에서 기본적으로 google 주소를 가지고 있는 것인지 궁금합니다
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
utilty 타입 undefined
interface IProfile { name: string; age: number; school: string; hobby?: string; } type aaa = Partial<IProfile>;aaa에다가 마우스 올려 놓으면type aaa = { name?: string | undefined; age?: number | undefined; school?: string | undefined; hobby?: string | undefined;} 이렇게 뜨는데 저 undefined가 왜 뜬건지 모르겠어요.분명 선생님께서는 안 뜨는데
-
미해결MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React
read(2) 강의 내용에 질문이 있습니다.
posts, counter 가 생기면서 어떤 차이가 생긴건지 잘 이해가 되지 않습니다.작성된 대상들은 counter num을 가지고 이제 post num을 사용할 수 있다는데 잘 이해가 되지 않습니다...counter을 추가하면서 얻어진 효과가 뭔지 알 수 잇을까요?
-
미해결리액트로 나만의 블로그 만들기(MERN Stack)
mongodb 자세히 알고 싶습니다
몽고db로 주소 경로로 알려주세요... 순서가 하려고 했는데...다른 경로 나와서 알려주세요
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
nestjs 해당 모듈을 찾을 수 없습니다
import {~} from '@nestjs/common' 에서 '@nestjs/common' 모듈 또는 해당 형식 선언을 찾을 수 없습니다.ts(2307) 라고 뜨는데 뭔가 설치해야 될게 있나요? vscode를 초기화 하고 yarn,express,node 필요한 것만 설치하고npx @nestjs/cli new qqq 만 설치했습니다혹시 누락된게 있나요
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
인젝션 스코프 에러
@injection() 안에 {scope:scope.)라고 입력하면 default,request,transient 를 선택하는 칸이 안 뜨고sco 라고 입력한 이 상태에서 ctrl +I 눌러도 scope가 안 나와요
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
뭐가 문제인지 모르겠습니다.
구글링을 하고 이래저래 강의를 다시 보면서 수정을 거쳐봣는데 왜 오류가 나는지모르겠어요 분명 보충강의전까지는 잘 동작하고 중반까지는 잘됫었는데
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
section 26 portfolio 작성 중, 오류
안녕하세요! section 26 포트폴리오 수행중, Invariant Violation이라는 에러가 떠서 이렇게 질문 드립니다.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
일기 쓰기 부분 26분 경 onClick
import React from 'react'; const EmotionItem = ({ emotion_id, emotion_img, emotion_descript, onClick, }) => { return ( <div onClick={() => onClick(emotion_id)} className="EmotionItem"> <img src={emotion_img} alt="감정 이미지" /> <span>{emotion_descript}</span> </div> ); }; export default EmotionItem; DiaryEditor에서 EmotionItem 부분에 onClick 프롭스를 전달해주고 있는데요. div 부분에 onClick을 받는 건 알겠는데 중괄호 안에 또 onClick을 받는 건 왜인가요? 코드 문법이 잘 이해가 되지 않아 질문 드립니다.
-
미해결[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지
시퀄라이즈 없이 mysql2로만 쌩쿼리로 작업할 때 model
시퀄라이즈 없이 mysql2로만 쌩쿼리로 작업하려는데요mvc 패턴에서 m 모델 구성을 어떻게 해야하는지 모르겠습니다.orm을 안썼을때는 어떻게 구성하는게 좋은가요?
-
미해결Slack 클론 코딩[백엔드 with NestJS + TypeORM]
passport-jwt 유저 정보 가져오기 로직
안녕하세요. 저번에는 jwt 인증 전략에 대해서 질문했었는데요. 해결이 됐습니다.이번에는 passport-jwt의 jwt.strategy.ts 의 가드 전략에서 로그인한 유저의 정보를 가져와야 하는데요.미리 정해놓은 페이로드의 id를 가져오니 유저의 id는 나왔는데 유저의 나머지 정보는 어떻게 가져오는건가요?가져오는 방법과 가져오게되는 로직이 궁금합니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
리엑트 gql 백틱
04-04-graphql-mutation-input 파트에서gql세팅에서 백틱을 사용하는데 백틱 내부 내용이 저는 문자열 처리되어서 강의와 같이 문자열이 아닌 함수 형태로 만들 수 있는 플러그인이 무엇일까요?동작은 똑같이 동작하기는 합니다
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
errors?.email 의 뜻
errors?.email 에서 ?. 의 의미가 뭔가요?
-
미해결리액트로 나만의 블로그 만들기(MERN Stack)
강의 듣으면서...포스트 맨도 안됩니다
강의 듣으면서.... 몽고db 가 강의랑 틀려서...못했습니다....포스트맨 했는데... 안됩니다...https://github.com/leechangseop71/leechangseop71.github.io제 깃 허브 주소 입니다 무엇이 잘못된 것인지 모르겠습니다실행 시키면 이렇게 되네요
-
미해결[웹 개발 풀스택 코스] Node.js 프로젝트 투입 일주일 전 - 기초에서 실무까지
mongo shell 실행이 안됩니다 - not found
터미널에 몽고를 입력했지만 not found 라고 뜹니다. 재시동해도그런데 뭐가 문제일까요?
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
어디서부터 잘못됫는지 모르겠는데 여기까지 저장된 파일이나 혹시 제 파일을 보내드려볼테니 확인이 가능한가요?
수강생분들의 질문을 기다립니다! - 에러에 해당하는 질문은 "에러가 발생한 상황에 대한 충분한 설명", "에러 메세지", "에러가 난 코드 스크린샷"을 함께 첨부해주세요. - 언어에 해당하는 질문은 구글링 및 서치 후에 구체적으로 질문해주시면 좋습니다. - 간단한 진로 및 방향성에 대한 질문은 메일로 보내주세요.- 패키지 버전 관리은 실무 환경과 트랜드에 맞추어 강의를 업데이트 하고 있습니다. 강의를 그대로 따라갔는데 에러가 발생한다면 패키지 버전을 강의에서 사용하는 버전과 동일하게 맞춰주세요!- 강의 노트, QA 목록, 공지 사항을 먼저 확인해주세요.- 논리적이고 구체적인 질문은 학습 효과를 올립니다 :)
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
조건문 업그레이드 질문
조건문 업그레이드에서 6분 가량 10번째 줄에meal[mealType] || "굶기" 가 있습니다.여기에서 console.log(getMeal("한식"))의 결과가 "불고기"가 나오는것은 이해가 갑니다.만약 meal.mealType으로 코드를 수정했을 때도 "불고기"가 나와야할 것 같은데 "굶기"가 나옵니다.잘 이해가 가지 않아서 설명 가능하시다면 부탁드립니다.
-
미해결Slack 클론 코딩[백엔드 with NestJS + TypeORM]
jwt, local authguard에 관해서
안녕하세요. 저번에 NESTJS를 이용해서 MSA환경에서 gRPC프로토콜을 이용하는 시스템을 만들고있다고 질문했었는데, jwt와 local을 이용한 인증전략을 구성하는데 문제가 생겨서 ,질문 남깁니다.서버는 gateway를 통해 클라이언트와 통신하고, 각 서버끼리는 gRPC를 통해 통신하고, 클라이언트와는 HTTP통신을 합니다.jwt, local 가드는 게이트웨이의 각 모듈(user의 컨트롤러 등)에서 사용되기때문에 게이트웨이 모듈의 프로바이더에 JwtStrategy, LocalStrategy를 작성해놨는데Nest can't resolve dependencies of the LocalStrategy, Nest can't resolve dependencies of the JwtStrategy의 오류가 납니다.인증 전략을 가져오는데 문제가 생긴거같은데, 게이트웨이가 아닌 서버의 모듈에 추가해야하는건가요?일반적인 방법이 궁금합니다. 검색을 해보면 다 auth모듈을 만들어서 사용하는데, 저는 그냥 strategy파일만 만들어서 inject하려고 합니다...