묻고 답해요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨탄탄한 백엔드 NestJS, 기초부터 심화까지
@Get(':id') @Get('all')
@Get(':id') getOneCat(@Param('id', PositiveIntPipe) id: number) { console.log(id, typeof id); return 'one cat'; }이전에 작성되었던 아이디로 검색 메서드가 있었는데요,이번 강의에서 @Get('all') 을 추가해서포스트맨으로 테스트하는데 위에 getOneCat 으로 넘어가는데 왜 이런건지 알 수 있을까요?@ApiOperation({ summary: '현재 고양이 가져오가' }) @UseGuards(JwtAuthGuard) @Get() getCurrentCat(@CurrentUser() cat) { return cat.readOnlyData; }만약 이게 더 위에 있다면, 여기서 걸린다면 이해 하겠는데그렇지도 않고 @Get('all') 일때만 걸리는 이유가 뭘까요..?
-
해결됨Nuxt.js 시작하기
async 데이터 호출 시점 문의
이번 강의에컴포넌트에서 렌더링 전 데이터 호출을 위해 페이지에서만 쓸수 있는 asyncData말고fetch를 알려주셨는데요 요번 강의 예제는 api 호출 후 스토어에 저장하는 FETCH_CART_ITEMS니까page인 cart.vue에서 실행만 해줘도자식인 CartList.vue에서 정상 렌더링이 되는건가요? api를 한곳에서 관리한다 라는 측면에서 보면상위 페이지인 index 파일에 모아두는것도 방법이겠다 싶어서 질문드립니다.
-
해결됨Nuxt.js 시작하기
middleware와 apis의 차이
nuxt 구조에서 api 호출시기본으로 제공하는 middleware에 위치하는 경우와react 스타일처럼 apis에 모아두고 사용하는 방식에차이점이 있을까요?middleware는 서버 시점에서 돌아가는거같은데 미들웨어를 서비스의 백엔드처럼 api 호출을 하고이 api를 front의 apis에서 직접 바라보는 방식이 좋을지 서버시점에 필요한 데이터클라이언트시점에 필요한 데이터를나눠서 정의해두는편이 좋을지 궁금합니다.
-
해결됨탄탄한 백엔드 NestJS, 기초부터 심화까지
getCurrentCat 에서 req.user
req.user 에서,request 가 user 객체 정보를 가지고 있는 건가요..?-- 확인해 보니, passport 에서 User 인터페이스를 가지고 있네요! 그런데, 비어있는데 어떻게 속성을 가지고 있는 걸까요?JwtStrategy/validate 의 리턴값을 가지게 되는 건가요? 3월 14일 질문에 대한 답변도 좀 부탁 드립니다..
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
순환참조
user와 auth가 서로를 import하고 있어서 forwardRef로 순환 참조를 막아줬는데 auth에선 userRepository를 사용하고 있고 user에선 authService.jwtLogin()을 사용하는데 순환 참조가 발생하는 건가요? 안 막아줘도 되는건가요?
-
해결됨Next.js 시작하기(feat. 지도 서비스 개발)
Google api 매장 데이터
안녕하세요 현재 네이버맵 대신 구글맵 api를 사용중인데 아무리 찾아봐도 선생님 stores.json 값처럼 json데이터를 찾을수가없네요 ㅠㅠ 일단 현재 그냥 stores.json 선생님이 가지고있는데이터 사용중이긴한데 다른질문 답변보니 크롤링하셔서 데이터를 만드신거같은데 혹시 저의경우에는 방법이있을까요??
-
해결됨Nuxt.js 시작하기
동적라우팅 강의자료 링크가 변경된거같습니다.
https://joshua1988.github.io/vue-camp/es6+/template-literal.html
-
미해결Vue로 Nodebird SNS 만들기
안녕하세요! 로그인 유지 질문 드립니다!
이것저것 만들어보다가 로그인 유지에 대한 필요성을 느꼈고https://www.zerocho.com/category/HTML&DOM/post/5918515b1ed39f00182d3048제로초님의 이 글을 보게 되었습니다!그런데 만약 로컬스토리지에서는 유저 정보가 있는데 백엔드에서는 유저 정보가 없는경우 (express-session 만료 등의 이유)가 있을수 있을것 같은데 이런 경우에는 실무에서 어떻게 처리가 될까요??단적인 생각으로는 백엔드의 세션 만료시 로컬스토리지의 정보(아이디 / 비번)로 세션을 재활성 시킨다거나 할수 있을것 같은데 혹시 이런 경우에는 어떻게 처리가 될까요??
-
해결됨Next.js 시작하기(feat. 지도 서비스 개발)
nextjs에서 cra처럼 사용 질문입니다
CRA 환경에서는 클라이언트 사이드로 렌더링 되는건데요NEXTJS에서 서버사이드렌더링 없이 CRA처럼 CRS만으로도 구현할수 있나요?이럴 경우에는 getStaticPros, getServerSideRedering 을 사용안하면 무조건 CRS가 되는건가요?seo 적용안하고 CRS로 하고 싶을 경우 강의에서 말씀하신 [_app] 에 next-seo를 추가하지 않고 getStaticPros, getServerSideRedering 없이 그냥 작업하면 모든 페이지가 CRS가 되는거죠 ?그런데 루트에 [_app], [_document] 이 파일은 무조건 실행이 되더라구요이것의 정체는 무엇인지 궁금합니다 CRS인데 NEXT를 사용하려는 이유가 첫번째, 사이트를 만들때 사용자페이지, 관리자페이지 구분을 두고 사용자페이지는 SSR , 관리자페이지는 CSR을 적용하려고 하고 두번째, 코드스프리팅이 지정해줄 필요없이 자동적으로 모두 되어 있어서 NEXTJS를 사용하려고 합니다
-
해결됨Nuxt.js 시작하기
헤더 컴포넌트 문의
디폴트 레이아웃 하위에서 헤더와 nuxt link가 존재하는데요이런경우 헤더영역을 헤더 컴포넌트로 빼서컴포넌트 하위에 두고레이아웃에서 호출해서 사용하는게 일반적인가요? 넉스트에서 레이아웃은 조금 특수한 pages 같아서 문의드립니다
-
해결됨Nuxt.js 시작하기
넉스트 레이아웃 문의
안녕하세요혹시 유튜브 상단의 검색 컴포넌트 처럼 데이터 바인딩이 필요한 부분도 레이아웃에 배치하는것이 일반적인가요?
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
dto 와 entity의 유지보수
안녕하세요. 상석님! 상석님의 강의를 듣고 공식문서와 typeorm, mongoose등의 공식문서를 함께 이용하여 nest 프로젝트를 제작중인 1년차 node js 개발자입니다. 강의 너무 잘 들었습니다. 개인적으로 프로젝트를 진행하는 중 dto파일과 entity를 어떻게 관리하면 수월할까 라는 고민을 깊게 하게 되었습니다. chat gpt나 스택오버 플로우, 구글 등 많은 검색을 해봤지만 제 실력이 부족한지 정보를 찾기가 힘들어 여쭤보게 되었습니다. export class CreateRequestPostDto { @ApiProperty({ example: 'youtube uri', name: 'youtubeUri' }) @IsUrl() uri: string; @ApiProperty({ example: 'postTitle writed for user' }) @IsString() postTitle: string; @ApiProperty({ example: 'postDescription writed for user' }) @IsString() postDescription: string; } export class UpdatePostDto { @ApiProperty({ example: 'postTitle writed for user' }) @IsString() postTitle: string; @ApiProperty({ example: 'postDescription writed for user' }) @IsString() postDescription: string; }위는 제가 만들고 있는 프로젝트의 일부입니다. postTitle과 postDescription이 두 클래스에서 중복이 되는 케이스인데 상속을 이용해서 postTitle과 postDescription을 따로 빼는 방법은 제가 원하는 방향이 아닙니다.저는 기본적인 base dto클래스를 하나 만들어 놓고 이를 재활용하는 방법을 사용하고 싶습니다. export class BasePostClass { @ApiProperty({ example: 'youtube uri', name: 'youtubeUri' }) @IsUrl() uri: string; @ApiProperty({ example: 'postTitle writed for user' }) @IsString() postTitle: string; @ApiProperty({ example: 'postDescription writed for user' }) @IsString() postDescription: string; }만약 위와 같은 클래스가 있다면 이를 이용해서export class uriPostClass { uri: 위의 BasePostClass에 있는 uri 프로퍼티만을 가져와서 이 곳에서 사용하고 싶습니다. }이와 같이 @ApiProperty 데코레이터를 다시 적어주지 않아도 되고 BasePostClass의 프로퍼티 하나를 바꾸면 이 클래스를 이용해 다른 클래스들에 영향을 주고싶은겁니다.uri라는 이름을 URI로 변경하면 이 다른 클래스에서도 영향을 받아 URI로 변한다거나 하다못해 서버 실행 과정에서 에러라도 발생시킬 수 있도록 하고싶습니다.프로젝트가 커지다보니 DTO파일을 관리하기도 쉽지 않았어요. db의 컬럼 이름을 하나 바꿔주면 여기저기 dto파일을 찾아다니며 같이 바꿔줘야 했습니다. 좋은 방법이 있다면 알려주실 수 있을까요?
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
소셜인증
안녕하세요 다음 연재 강의 주제는 소셜 인증이라고 강의 노트에 써있으나 저에게 프로젝트3는 이번 강의가 마지막인데 맞나요??
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
prettier 관련 질문드립니다.
prettier 관련 질문도 드려도 되는지 모르겠지만 일단 강의에서 나와서 질문드립니다! :) 프리티어 세팅을 하고 작업을 하다가const test = { a: "test", b: "test2", };위와 같은 코드를 써봤는데요. 이 때, 제가 원하는건 a속성과 b속성의 간격이 없는 즉, 의미없는 빈 줄이 없도록 하는 것입니다. 하지만, 이걸 prettier로 자동으로 하는 속성 값을 인터넷으로 찾아봐도(사실 검색할 단어를 잘 못찾은 것 같습니다) 없어서요.. 질문에 올립니다! 감사합니다!
-
미해결Nuxt.js 시작하기
새로고침 시 에러
처음에 메인페이지를 들어갔을 때에는 배열에 담겨 response가 잘 뜨는데,새로고침만 하면 이런 에러 화면이 뜨면서 500 error가 발생했다는 콘솔창이 뜹니다.왜 그런지 알 수 있을까요 ㅠㅠ?
-
미해결Nuxt.js 시작하기
배포관련 해서
안녕하세요본강의를 기초로 backend를 라라벨로 사용하여 개발하여 배포를 할 예정입니다처음에는 히로쿠로 try하다가 잘 안되어 중지 해두었다가 4개월 후에 할려니 유료로 바뀌어서 고민이 됩니다현재는 개발 / production을 구분하는데 혹시나 동시에 하면 배포없이도 가능한지 궁금합니다만약 가능하다면 디렉토리를 서버의 www 폴더 밑에 도메일 폴더를 만들어서거기서 nuxt를 설치하여 개발하면 되는지 궁금합니다
-
해결됨Next.js 시작하기(feat. 지도 서비스 개발)
스프라이트 이미지 사용 이유가 궁금합니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 강의 잘 보고 있습니다.여러 아이콘을 저장해놨다가 사용하는 방법도 있는데스프라이트 이미지를 사용하시는 이유가 궁금합니다.
-
해결됨Next.js 시작하기(feat. 지도 서비스 개발)
안녕하세요.
일단 강의 잘 보고 있습니다.제 학습 수준이 아직 낮아서, 더이상 진도는 안나가고 있고 다시 리액트를 좀 복습중입니다.ㅎㅎ저도 언능 수준이 올라가서, 박용주님처럼 이것저것 만들어보고 싶네요. 최종 목표는 웹게임을 만들어보는겁니다.ㅎㅎ아무튼. 질문이 하나 있는데요~혹시 next.js로 개발을 할 때 Redux는 잘 사용 안하나요?리액트 배우면서 redux를 아주 중요하게 다루는것 같은데, next.js강의는 여러곳을 돌아다녀 봐도redux에 대해서는 안가르치는것같더라구요. 리액트에서 당연히 배워왔을 소양이라서 커리큘럼에 없는건지, 아니면 next.js에서는 redux는 잘 사용 안하는건지 궁금합니다!
-
해결됨Next.js 시작하기(feat. 지도 서비스 개발)
깃헙주소 어디서 확인할 수 있나요?
안녕하세요 강의시작마다 브랜치가 나오는데, 깃헙주소 알 수 있을까요?감사합니다.1-2 브랜치 1-4 브랜치가 어디에 있는지 알 수 있을까요?강의 중간중간 보시면 git checkout 하시는 것으로 보아 github주소가 있는 것 같습니다. github 주소 공유해부탁드립니다. 감사합니다.
-
해결됨탄탄한 백엔드 NestJS, 기초부터 심화까지
tsc-watch
이거는 nodemon이랑 비슷한 개념인가요?..