묻고 답해요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
문법 문의드립니다!
안녕하세요 강사님! 알찬 수업 잘듣고 있습니다~다름이아닌 아직 typescript문법이 약해서 공부를 동행하며 수업을 진행중인데요 막히는부분이 하나씩 발생하여 문의드려요! 예를들어 하기 문법이 이해가안가면 어느 문서를 참고하는게 좋을까요? ㅠㅠ{...login.getTextInputProps('email')}
-
미해결[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - Part 1 NestJS Core
데이터베이스와 네스트가 연결이 안됩니다.
import { Module } from '@nestjs/common'; import { AppController } from './app.controller'; import { AppService } from './app.service'; import { PostsModule } from './posts/posts.module'; import { TypeOrmModule } from '@nestjs/typeorm'; import { PostModel } from './posts/entities/posts.entity'; @Module({ imports: [ PostsModule, TypeOrmModule.forRoot({ type: 'postgres', host: '127.0.0.1', port: 5432, username: 'postgres', password: 'postgres', database: 'postgres', entities: [PostModel], synchronize: true, }), ], controllers: [AppController], providers: [AppService], }) export class AppModule {} services: postgres: image: postgres:15 restart: always volumes: - ./postgres-data:/var/lib/postgresql/data ports: - '5432:5432' environment: POSTGRESQL_USER: postgres POSTGRESQL_PASSWORD: postgres POSTGRESQL_DB: postgress POSTGRES_HOST_AUTH_METHOD: trust현재 데이터베이스 도커 컴포즈 코드와 네스트 서버를 연결하려고 합니다.서버 로그는 이렇게 뜨고, 익스텐션에서 들어가면 이런 에러가 뜹니다.실습을 못하고 있어요. 도와주세요ㅜㅜ
-
해결됨[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편
타입스크립트 교과서, p131
여기서 Person3 결과로 Person: {"name: "zero","age": 28,married: false}이렇게 나와야 하는거 아닌가요??전체 코드입니다.class Person { name?: string; age?: number; married?: boolean; constructor(); constructor(name: string, married: boolean); constructor(name: string, age: number, married: boolean); constructor(name?: string, age?: boolean | number, married?: boolean) { if (name) { this.name = name; } if (typeof age === "boolean") { this.married = age; } else { this.age = age; } if (married) { this.married = married; } } } const person1 = new Person(); const person2 = new Person("nero", true); const person3 = new Person("zero", 28, false);
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
로그인 통신 질문
import axios from 'axios'; const axiosInstance = axios.create({ // 안드는 localhost:3000이 안먹힐 수 있기에 10.0.2.2로 테스트 baseURL: 'http://10.0.2.2:3030', withCredentials: true, }); export default axiosInstance; 이럴때 안드로이드는 제대로 동작하지만, ios는 다시import axios from 'axios'; const axiosInstance = axios.create({ // 안드는 localhost:3000이 안먹힐 수 있기에 10.0.2.2로 테스트 baseURL: 'http://localhost:3030', withCredentials: true, }); export default axiosInstance; 이렇게 바꿔주어야 동작합니다. 이렇게 매번 바꿔서 체크하는게 맞을까요?
-
미해결[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - Part 1 NestJS Core
docker-compose up 실행문제
작성했는데,validating C:\web\codeFactory\Nestjs\typeOrmPracticeReal\docker-compose.yaml: services.postgres Additional property enviroment is not allowed라고 뜨면서 접속이 안됩니다. 무슨문제일까요?
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
EncryptedStorage import 오류가 발생합니다.
환경:Macbook Air M2 SonomaVS-CodeRN v0.74.1Metro v0.80.8 문제:아래 명령어로 라이브러리 설치 및 pod install 과정은 모두 완료한 상태입니다. $ yarn add react-native-encrypted-storage$ npx pod-install ios/frontend/utils/encryptStorage.ts에서 EncryptStorage 라이브러리를 불러올 때 다음과 같은 경로로 불러와집니다. 자동완성 기준으로 불러왔으며, 라이브러리 삭제 후 재설치해도 현상은 같습니다. import EncryptedStorage from 'react-native-encrypted-storage/lib/typescript/EncryptedStorage'; 이 경로로 importing된 라이브러리를 파일 내에서 사용하면 정상적으로 메서드가 자동완성 됩니다. (따라서 코딩할 때에는 문제가 되는지 몰랐습니다)이 코드를 바탕으로 앱 실행 시 react-native-encrypted-storage모듈을 불러올 수 없다는 오류가 발생합니다.error: Error: Unable to resolve module react-native-encrypted-storage/lib/typescript/EncryptedStorage from /Users/popo/Desktop/ClipProjects/frontend/src/utils/encryptStorage.ts: react-native-encrypted-storage/lib/typescript/EncryptedStorage could not be found within the project or in these directories: node_modules 1 | import EncryptedStorage from 'react-native-encrypted-storage/lib/typescript/EncryptedStorage'; | ^ 2 | 3 | const setEncryptedStorage = async <T>(key: string, value: T) => { 4 | await EncryptedStorage.setItem(key, JSON.stringify(value)); 해당 모듈 외 문제는 없는 상황 같습니다. 서버 연결 및 응답(로그인, 회원가입에 대해)은 잘 됩니다. 시도해본 것:import EncryptedStorage from 'react-native-encrypted-storage/lib/typescript/EncryptedStorage';를import EncryptedStorage from 'react-native-encrypted-storage'; 로 바꿔 실행해봤는데, 컴파일 오류는 발생하지 않고 로그인 및 회원가입 시점에 eject가 발생합니다. 질문: 왜 이런 문제가 발생하는 것이며, 어떻게 해결할 수 있을까요?
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
forwardRef를 사용하는 정확한 이유에 대해서 알고싶습니다!
forwardRef를 사용하는 정확한 이유에 대해서 알고싶습니다! 부모 컴포넌트에서 자식 컴포넌트로 ref를 전달하고 싶을때 사용하는게 맞을까요?ref는 자식으로 전달이 불가능한 prop이고 forwardRef를 사용해서, 두번쨰 인자로 ref를 전달하는것으로 이해했는데 혹시 맞을까요!!조금 자세한 설명을 듣고 싶습니다!
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
createDrawerNavigator를 위로 빼주는 이유에 대해서 알고싶습니다.
createDrawerNavigator를 위로 빼주는 이유에 대해서 알고싶습니다. 왜 function 위로 올리는지 이유에 대해서 궁금합니다!! 공식문서에서 그렇게 나와있기 떄문인가요!?
-
미해결한 입 크기로 잘라먹는 타입스크립트(TypeScript)
map, forEach 질문있습니다!
타입스크립트도 자바스크립트처럼 map, forEach 메서드를 사용할 수 있는데 따로 함수를 직접 만들어서 사용해야 하는 이유가 있나요? (순수한 궁금증 입니다!)
-
미해결[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지
req.login에서 passport.serializeUser 호출 원리
passport로 로그인 실습을 진행중에 있습니다. passport.initialize(); 이후에 localStrategy 등록해둔 메서드를 통해 로그인 여부 확인하는 데까지는 까지는 이해가 되었습니다. 그런데 /controller/auth.js 에서 req.login 이후에 passport.serializeUser이 호출되는 방식이 이해가 안되네요.www.passportjs.org 에서문서를 읽어보고 있는데 꼼꼼함이 부족한지 이해가 잘 안되네요. req.login 메서드 자체를 passport에서 정의하고 있고 login 메서드가 호출될때 자동으로 serializeUser가 호출되는건가요?
-
미해결[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - Part 1 NestJS Core
서비스가 복잡해질때 모듈 구성을 어떻게 확장해나가나요?
예를 들어 자산을 관리하는 페이지가 있고나의 자산조회 나의 자산환전나의 자산전송이와 같이 구성되고 여기서 선물이나, 현물로 분기된다고 쳤을때모듈에 모듈이 들어가거나 컨트롤러에 컨트롤러가 중첩되어 들어가는 경우도 생기나요? 가지치기하듯 서비스가 확장되어갈때 어떤 방식으로 구조를 짜야할지 감이 안오네요
-
미해결맛집 지도앱 만들기 (React Native + NestJS)
pressed? 적용 후 버튼 클릭해도 색상이 변하지 않는 경우 [해결 방법]
프로젝트 재실행하면 되네요!! 참고하시길...npx react-native start --reset-cache
-
미해결맛집 지도앱 만들기 (React Native + NestJS)
marker.d.ts 관련
강의에 나오는것처럼 진행했을때 import {LatLng, MapMarkerProps} from 'react-native-maps'; declare module 'react-native-maps' { export interface MyMapMarkerProps extends MapMarkerProps { coordinate?: LatLng; } } 'MyMapMarkerProps' 인터페이스가 'MapMarkerProps' 인터페이스를 잘못 확장합니다.'MyMapMarkerProps' 형식은 '{ anchor?: Point | undefined; calloutAnchor?: Point | undefined; calloutOffset?: Point | undefined; centerOffset?: Point | undefined; coordinate: LatLng; ... 22 more ...; zIndex?: number | undefined; }' 형식에 할당할 수 없습니다.'coordinate' 속성의 형식이 호환되지 않습니다.'LatLng | undefined' 형식은 'LatLng' 형식에 할당할 수 없습니다.'undefined' 형식은 'LatLng' 형식에 할당할 수 없습니다.ts(2430)⚠ Error (TS2430) | MyMapMarkerProps 인터페이스가 MapMarkerProps 인터페이스를 잘못 확장합니다. MyMapMarkerProps 형식은 { anchor?: Point | undefined; calloutAnchor?: Point | undefined; calloutOffset?: Point | undefined; centerOffset?: Point | undefined; coordinate: LatLng; ... 22 more ...; zIndex?: number | undefined; } 형식에 할당할 수 없습니다.동일하게 ?을 넣을 수없는 에러가 생겨서 import {LatLng, MapMarkerProps} from 'react-native-maps'; declare module 'react-native-maps' { export interface MyMapMarkerProps extends Partial<MapMarkerProps> { coordinate?: LatLng; } } 우선 아래와 같이 처리해 보았습니다만 CustomMarker.tsx에서 MyMapMarkerProps를 못불러오는 문제가 있습니다.
-
미해결[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - Part 1 NestJS Core
RefreshTokenGuard 관련 문제
해당 강좌 아래 질문들을 보면 RefreshTokenGuard 관련하여 문제가 있는 것 같은데, 정확히 어떤 문제인지 아직 이해가 안되어서, 혹시 설명을 조금 자세하게 해주실 수 있을까요?
-
미해결[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지
스스로하기에서 귓속말 구현할때
socket.id로 하면맨첨엔 귓속말 잘되는데 유저가 나갔다가 들어오면 socket.id가 갱신되어서 예전에 보냈던 채팅의 귓속말 버튼으로는 귓속말이 안가게 되는데 저만 이런건가요??
-
해결됨[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편
타입스크립트 교과서 p122 forEach 메서드 질문
[1, 2, 3].forEach((item, index, array) => { console.log(item, index, array); }); [1, 2, 3].forEach((item, index) => {}); [1, 2, 3].forEach((item) => item); 책에 forEach 메서드의 콜백 함수는 callbackfn 타입입니다.콜백 함수의 매개변수에 타입을 표기할 필요가 없고, 매개변수도 전부 옵셔널입니다.라고 쓰여있습니다. 질문)forEach 메서드의 매개변수가 옵셔널이라는 것을 어떻게 아는거죠?옵셔널이라면 thisArg?: 이런식으로forEach(callbackfn: value?:number, index ?:number ...) 이런식으로 쓰여있어야 하는거 아닌가요?
-
해결됨[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편
타입스크립트 교과서 p116 , 코드에러남
class Person { name: string; age: number; married: boolean; } constructor(name: string, age: number, married: boolean){ this.name = name; this.age = age; this.married = married; } sayName(){ console.log(this.name); } const zero = new Person('zero', 28, false)p 116 쪽 클래스를 사용한 코드 그대로 적었는데, 이거 예시여서 에러나는 코드 그냥 넣으신 건가요??2.20 절에서 다시 배운다고 써있는데, 그때 다시 보면 될까요?
-
미해결[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - Part 1 NestJS Core
강의 너무 잘 듣고 있습니다 혹시 part2는 언제쯤 나올까요?
언제쯤 나올까요 ㅠㅠ 강사님 너무 잘가르치십니다
-
해결됨[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편
타입스크립트 교과서 p112 , 코드가 안읽힙니다..
// 1번 코드 function test<T>(a: T) { type R<T> = T extends string ? T : T; const b: R<T> = a; // Type 'T' is not assignable to type 'R<T>'. }[책 내용중...]여기서 문제는 R<T> 타입이 T가 될거라고 생각하는 것타입스크립트는 제네릭이 들어 있는 컨디셔널 타입을 판단할 때 값의 판단을 뒤로 미룬다.즉, 변수 b에 매개변수 a를 대입할 때까지도 타입스크립트는 R<T>가 T라는 것을 알지 못한다.그래서 T를 R<T>에 대입할 수 없다는 에러가 발생하는 것이다.따라서 이떄도 타입스크립트가 판단을 뒤로 미루지 못하도록 배열로 제네릭을 감싸면 된다//2번 코드 function test<T extends [T] extends [string] ? string : never>(a: T) { type R<T> = [T] extends [string] ? T : T; const b: R<T> = a; }질문)1번 코드의 경우, 판단을 미뤄서 에러가 발생한다는 것은 이해가 되었습니다.그래서 해결책으로 나온게 2번 코드인데,2번 처럼 작성하면 함수 몸체 {} 의 코드가 순서대로 실행된다는거고,1번 코드의 경우는 type R<T> = T extends string ? T:T;이 부분은 마지막에 실행되고 const b: R<T> =a; 이게 먼저 실행된다는걸까요??
-
미해결맛집 지도앱 만들기 (React Native + NestJS)
Nested Navigation 구조 설계에 대한 질문 드려도되나요?
안녕하세요 강사님강의 내에서 구성한 Nested Navigation 구조를 참고하여 무신사(musinsa)와 같은 화면 구성을 시도해 보고 있는데 navigation 구조 설계가 생각보다 어려워서 질문 드립니다.원하는 구조는 Bottom Tab에 따라서 Topbar Screen에 해당하는 부분에 장바구니와 알림 버튼이 들어가게 하고싶은데 아래와 같은 navigation 설계로 가능한지 질문드립니다.AuthStackNavigatorAuthHomeScreenKakaoLoginScreenBottomTabNavigatorHomeStackTopbarScreenHomeScreenStoreStackMypageStack ❗질문 작성시 참고해주세요최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요!