묻고 답해요
129만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
S3에 업로드까지는 성공했는데 사진이 나오지 않습니다.
작성한 코드https://github.com/Parkdev/myfirstnest 업로드 완료 후 결과 링크https://devpark-awsnestcat.s3.ap-southeast-2.amazonaws.com/cat/1713862948347_1.jpeg 업로드 완료까지는 성공하였으나, 업로드 한 사진이 파일이 깨져서 올라가고 있습니다. 어디가 잘못되었는지 잘모르겠네요. 도와주세요.
-
미해결Nuxt.js 시작하기
layouts폴더와 default.vue에대해서 궁금한 점 있습니다!
안녕하세요~! nuxt최신버전을 받게되어서 2.15.8버전으로 받게 되었습니다. 커뮤니티를 보니까 최근버전에는 layouts폴더가 없다고 하신거같은데 루트경로에 layouts폴더를 직접만들고 default.vue를 직접 추가해도 되는지 궁금합니다..nuxt폴더내에는 있어서 처음에는 layouts/default.vue에 실습을 해도 자동 build시에 문제없길래 계속 사용했는데 서버를 껐다 다시키면 원래대로 돌아가서 문의 드립니다!
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
jwt를 따로 연습하고 있는데 env를 못읽는 것 같습니다.
import { Module } from '@nestjs/common'; import { AuthController } from './auth.controller'; import { AuthService } from './auth.service'; import { ConfigModule } from '@nestjs/config'; import { PassportModule } from '@nestjs/passport'; import { JwtModule } from '@nestjs/jwt'; import { JwtStrategy } from 'src/auth/jwt/jwt.strategy'; @Module({ imports: [ ConfigModule.forRoot({ isGlobal: true, envFilePath: `.env.${process.env.NODE_ENV}`, }), PassportModule.register({ defaultStrategy: 'jwt', session: false }), JwtModule.register({ secret: process.env.JWT_SECRET, signOptions: { expiresIn: '1y' }, }), ], controllers: [AuthController], providers: [AuthService, JwtStrategy], }) export class AuthModule {}이게 auth.module.ts 파일입니다import { Injectable } from '@nestjs/common'; import { PassportStrategy } from '@nestjs/passport'; import { ExtractJwt, Strategy } from 'passport-jwt'; @Injectable() export class JwtStrategy extends PassportStrategy(Strategy) { constructor() { super({ jwtFromRequest: ExtractJwt.fromAuthHeaderAsBearerToken(), ignoreExpiration: false, secretOrKey: process.env.JWT_SECRET, }); } async validate() {} }여기서 문제가 일어났습니다. process.env.JWT_SECRET 이 것을 읽지 못합니다.NODE_ENV="development" JWT_SECRET="secret" PORT=8000.env.development 파일도 root폴더에 잘 있습니다. 무엇이 문제인지 잘 모르겠습니다
-
미해결Nuxt.js 시작하기
자료가 없습니다.
learn-nuxt/layouts at master · joshua1988/learn-nuxt (github.com)에 들어가도 layout를 보니 default.vue밖에 없습니다.강사님의 다른 강의에서도 github 에 아이디 등록을 하라고 해서 등록을 해도 접근이 안되는 이유가 무엇인가요
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
Ec2로 안하시는 이유가 있을까요?
Ec2로 안하시는 이유가 있을까요?
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
ERROR [ExceptionsHandler] this.validate is not a function 무슨 에러일까요 ㅠ
안녕하세요 postman에서 login 요청을 보내려고 할때 터미널에서 ERROR [ExceptionsHandler] this.validate is not a function 라고 오류가 납니다 validate를 함수로 작성해주었는데 이러한 오류가 나서 어떻게 해결해야 할지 고민입니다.
-
미해결Nuxt.js 시작하기
에러 페이지 정의 방법 강의 문의
안녕하세요 에러 페이지 정의 방법에서 layouts 폴더 하위에 error.vue 정의하고, /profile 적성 하면 자동으로 error.vue 컴포넌트가 보이는데요~ 이게 nuxt 자체에서 에러가 발생하면 layouts 하위 error.vue가 정의 되어 있으면 사용자가 정의한 페이지로 라우팅 되게 설정이 되어 있는건가요?? 답변 미리 감사합니다.
-
미해결Vue로 Nodebird SNS 만들기
해당 강의는 리뉴얼 예정은 따로 없나요?
React는 리뉴얼된 자료가 있던데 Vue NodeBird는 따로 없는것같아서요! 감사합니다.
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
tsc compile 관련 질문
1. tsc로 compile하고 난 후 지정된 경로 저장을 하였을 때기존 ts파일과 compile된 js파일문아니라 js.map 이라는 파일이 함께 생성됩니다. js.map 이라는 파일은 어떤 파일인지 여쭤보고 싶습니다 npm run start:dev 로 실행했을 경우 import * as express from 'express'; import { Cat, CatType } from './app.model'; const app:express.Express = express(); const data = [1,2,3,4,5,6,7,8,9,10]; app.get('/',(req:express.Request,res:express.Response) => { // res.send({data}); res.send({ cats:Cat }); }); app.listen(8000, () => { console.log('Server is running on port 8000'); }) 위처럼 실행한 후res.send({data}) 의 주석을 풀면 오류가 발생하고중단 후 재실행하면 정상작동합니다.tsc-watch --onSuccess \"node dist/app.js\"위 script가 nodemon처럼 안정화가 되지 않아서 발생하는 오류인가요?
-
해결됨Vue로 Nodebird SNS 만들기
강의는 언제까지 업데이트 된 내용인가요?
오랜만에 다시 강의를 들어보려고 하는데 최근 Vue 업데이트가 많아서 최신버전에서도 문제 없이 작동할지 모르겠네요. Vue3 기반으로 작업해도 문제 없을까요?
-
해결됨Nuxt.js 시작하기
SSG -> SSR 배포 방식 전환
안녕하세요.SSG로 배포할 때 일반적으로 로컬에서 generate하고 dist 폴더만 서버에 올리나요?현재 운영중인 서비스는 젠킨스 서버에서 generate하고 dist 폴더만 별도 서버로 전달하는 방식으로 하고 있는데... 장/단이 있을까요?추가로 서비스가 SSG와 적합하지 않으면서... 배포시 10~17분씩 소요되어 SSR 방식으로 변경하고자 합니다.배포 프로세스를 변경하는데 nginx 서버 설정 자체도 변경이 필요한지 궁금합니다! 기존에는 ssl, proxy, dist 위치 정도만 되어 있습니다!
-
미해결Nuxt.js 시작하기
갑자기 화면에 에러가 나오네요..
안녕하세요 강사님?제가 조회 기능 개발하다가 웹 화면을 npm run dev로 다시 실행했는데요 갑자기 화면과 같이 오류가 나오게 되었습니다구글링을 해서 살려보려고 했는데 1시간째 계속 저 상태이네요 ㅠㅠ 혹시 도움을 주실 수 있을까요
-
미해결Nuxt.js 시작하기
마지막 강의까지 작성된 코드
안녕하세요.강의 정말 잘 들었습니다.혹시 마지막 강의까지 작성이 완료된 코드가 있는 브랜치가 따로 있을까요?
-
미해결Next + React Query로 SNS 서비스 만들기
Next.js, 서버컴포넌트에서 ssr로 데이터 패칭할 때 토큰 도 같이 보내기
next.js에서 서버컴포넌트에 데이터 패칭할 때 13버전 이후부터는 const fetchPosts = async () => { const response = await fetch("URL", { cache: "no-store", }); return response.json(); }; cache설정으로, ssr, ssg를 한다고 들었습니다. 이때, 궁금한게 있어요.1. get방식, post방식 등, 어떻게 구별하나요?2. 만약 보낼때, header에 토큰값을 보내거나 할 때, 서버컴포넌트에서 어떻게 처리하나요? 그때도 cache설정만 해주면, ssr이 적용 되나요??
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
lightSail배포와 https port 소켓이슈!!!
안녕하세요! 선생님!선생님의 강의를듣고nest프로젝트를 lightsail에 배포성공하였습니다.헌데 별도의 인증서를 적용해주지 않으면http 프로토콜로 api서버가 만들어져서https를 적용하기위해 인증서를 발급받고적용하니 https로도 서버를 접근할수있게되었습니다. 근데 여기서 문제가 생겼습니다.저는 nest 프로젝트에서서버는 80 포트를 열고소켓은 8181포트를 열었습니다. lightsail에서 방화벽으로http 80https 443 으로 등록해놓았기때문에 프로젝트에서서버가 80번포트로 열렸던것은 문제가 되지 않았으나프로젝트에서소켓이 8181번포트로 열어놓았던것은cors문제가 생겨 소켓연결이 안되더라구요 그래서 lightsail에서https로 8181 등록해주면되는건가?했는데 https로 8181등록되지 않아서 custom으로 8181포트를 열어주면 되는건가?싶어서 8181포트도 방화벽에서 열어주었는데http에서만 8181포트가 open되는거지https에서는 8181포트가 여전히 허용되지 않더라구요ㅜㅜ 어찌하면 이문제를 해결할수있을까요? 참고로현재 프론트 프로젝트를 amplify에 호스팅해놓아서프론트웹서버의 static ip를 알수없는상황입니다!!
-
미해결스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
HTTP API 사용 시 MVC 패턴의 V가 궁금합니다.
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]강의 잘 보고 있습니다! HTTP API로 데이터를 주고 받을 경우 JSON 형태의 데이터만 내려주게 되는데 이럴 땐 MVC 패턴을 사용할 수 있나요 ?MVC 패턴은 SSR 방식에서만 적용되어 VIEW가 타임리프,JSP형태로 내려가는건지 만약 CSR형태도 MVC패턴이 적용된다고 한다면 CSR의 형태일때는 VIEW가 JSON 자체인지가 궁금합니다.번외로 클라이언트 서버 아키텍쳐의 경우 클라이언트가 WS,서버가 WAS로 불러도 되나요 ? 느낌은 비슷한 거 같아서..
-
미해결Vue로 Nodebird SNS 만들기
실습 환경 문의(Node 버전)
안녕하세요.실습을 위해서 Node 버전은 어떤 버전을 설치 해야 할까요 ?최신 버전을 받아서 설치하니 에러가 있어서, 답변바랍니다.
-
해결됨Next.js 필수 개발 가이드 3시간 완성!
소스 코드
현재 API 부분까지 잘 들었습니다.내용이 길지 않은데 핵심 부분을 잘 이야기 해주셔서 너무 좋습니다. 그런데 소스 코드가 없다는 것이 너무 아쉽습니다.내용이 정말 좋지만 소스 코드가 없으면 이해하기까지 시간이 많이 걸리기 때문에 강의를 듣는 것이 쉽지가 않습니다. 혹시 깃허브나 소스 코드가 제공될 수 있을까요?
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
ValidationPipe DTO 변환 대신 JS Object 로 변환되는 이유
DTO 변환이 잘 되다가 다른 테스트 케이스 작성중에 아래 처럼 SignInUserRequest DTO 로 변환이 안되는 경우를 겪었습니다. ValidationPipe 옵션 transform: true 임에도 불구하고, 이런 현상이 일어나는 이유를 알 수 있을까요?아래는 잘되는 경우입니다.읽어주셔서 감사합니다.
-
미해결Nuxt.js 시작하기
JSON Server Operator 링크에 Operator 가 없습니다.
안녕하세요.서치 기능 구현 실습중입니다.nuxt3로 강의 실습 진행 중인데 Operator 가 없는데 어떻게 하면 좋을까요?이미지 url 에 들어가는 사이트도 없어져서 picsum.photos 로 하는데 여긴 랜덤 이미지 경로가 없네요..ㅠㅠ