[코드팩토리] [초급] 8시간만에 끝내는 코드팩토리의 Typescript 완전정복 풀코스대시보드

안녕하세요~ 강의 잘 보고 있습니다.typescript 강의 respository 클론 한 후,typescript 설치 & ts-node 설치 완료 후,jetbrains 공식문서에 따라 ts-node 설정도 해주었는데, 오류가 나고 있습니다~자세한 내용은 사진으로 첨부드리겠습니다. 감사합니다. 우측 상단의 `run` 버튼을 누르면, 이렇게 에러가 발생하고 있습니다. 혹시 해결책을 알고 계신지 여쭤보고 싶습니다.

infer는 제너릭으로 컨디셔널 타입으로 만들 때 제너릭으로 하나의 타입을 받아서 유동적인 타입을 받고 난뒤에 해당 타입이 함수를 거치든 어떤 값으로 나올 때 T 또는 배열안에 있던 타입을 그대로 사용하기 따라가기 위한 용도라고 일단 외웠습니다.제가 혼자 예제 만들기를 좋아하는데 선생님이 해주신 아래 예제들이 어떤 의미를 가지고 어떻게 사용되는지 아직 잘 이해가 안됩니다 ㅠㅠ...가능하시다면 변수가 Flatten<T>을 사용하는 예제랑 함수가 returnType사용해서 결과값을 내는 예제를 주실 수 있으실까요?type Flatten<T> = T extends Array<infer ElementType> ? ElementType: T; type Flatten2<T> = T extends (infer ElementType)[] ? ElementType : T; type StringArray = Flatten<string[]>; type NumberArray = Flatten2<number[]>; type StringAndNumberArray = Flatten<(string|number)[]> type TwoDArray = Flatten<boolean[][]>감사합니다!

혹시 수업하면서 작성된 코드는 따로 받아 볼 수 없나요?

type CompanyOrPet = PersonType | (CompanyType|PetType); type CompanyOrPet2 = PersonType | CompanyType | PetType; const companyOrPet: CompanyOrPet2 = { // PersonType name: 'DD', age: 27, // CompanyType company:'GK', companyRegistrationNumber:'asfasfasfasf', //PetType petName:'Ori', petAge:4, }강의에서는 CompanyOrPet 타입으로 PersonType, CompanyType, PetType을 포함할 수 있는 타입으로 만들어서 객체를 만들셔서 어느 하나의 타입만 충족되더라고 에러없이 객체가 생성되도록 하셨는데 CompanyOrPet과 CompanyOrPet2의 차이점이 있나요?

안녕하세요,tsc --version 으로 확인한 타입스크립트 버전: 5.3.3tsconfig.json 에서 moduleDetection 옵션 설정에 에러 메세지가 뜹니다. (force로 값을 준 상태): Unknow compiler option 'moduleDetection'각 기 다른 파일에서 같은 변수를 선언하면 여전히 에러가 납니다.어떻게 해결하면 좋을까요? 

안녕하세요 강의 잘 듣고 있습니다지금은 타입스크립트 복습용으로 보고 있고 추후에 nest도 듣고 공부하려고 계획중입니다.궁금한게 NextJs는 언제 강의로 출시하실지 궁금합니다!

본 예제로만 판단했을 때는 그냥 조건문을 변경해서 하는게 더 직관적이라고 보여져서요. 이런 오버로딩의 개념을 실무 어떤 부분에서 사용하는건지 궁금합니다.

type MultiplyTwoNumbers = (x: number, y: number) => number; function multiplyTwoNumbers (x, y): MultiplyTwoNumbers{ return x * y; } const multiplyTwoNumbers: MultiplyTwoNumbers = (x, y) => x * y;안녕하세요 선생님함수선언식은 파라미터의 타입 유추가 안되고 함수표현식은 타입 유추가 되는 이유가 무엇인가요? 

function instantiator<T extends { new(...args: any[]): {} }> extends 다음에 { new ... } 이렇게 표시된 부분에서 중괄호가 의미하는 게 객체를 의미하는 건가요? any[]): {} 여기에서 사용된 중괄호는 object를 의미하는 건가요? 그렇다면 Object로 작성해도 괜찮나요?

타입스크립트에서의 오버로딩은 기존 다른 java 나 c# 에서 말하는 오버로딩과 개념이 다른 것 같은 맞나요?타입스크립트의 오버로딩은 타입만을 따로 지정하는 것을 오버로딩으로 보는 것 같고 다른 언어에서는 아예 구현 자체를 오버로딩으로 보는 것 같은데 맞나요?예) 타입스크립트function overFunc(name: string) : string; // 이부분을 오버로딩이라 한다.java-public String overFunc(String name) { return "hello" + name;}public String overFunc(String name, int age) {return "hello" + name + age.toString();}// java 에서는 이렇게 구현한 것을 오버로딩으로 한다.

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.class decorator function이 파라미터로 function을 받는데... 왜 바로 출력을 하면 class 자체가 나오고Object.freeze(constuctor)로 얼려버릴수 있는거죠?parameter로 Object를 받아야하는게 아닌가요? 코드팩토리 디스코드https://links.codefactory.aiFlutter 강의를 구매하시면 코드팩토리 디스코드 서버 플러터 프리미엄 채널에 들어오실 수 있습니다! 디스코드 서버에 들어오시고 저에게 메세지로 강의를 구매하신 이메일을 보내주시면 프리미엄 채널에 등록해드려요! 프리미엄 채널에 들어오시면 모든 질의응답 최우선으로 답변해드립니다!

혹시 Enum 강의 2분 12초에 코드 실행시키는 단축키는 뭔가요?

이미 동일한 질문이 있지만,답변글을 읽어봐도, 이해가 되질 않아, 다시 문의 남깁니다.#1. target이 빈객체인 이유#2.클래스 Test 코드의 목적#1. target이 빈객체인 이유 ' 하지만 prototype chain 강의를 다시 봐보시면 Idol.prototype은 dance 함수를 갖을 수 없습니다.prototype이 오히려 체인의 위에 있기 때문입니다.' 코드에서 어떤 이유 때문에, Idol.prototype은 dance 함수를 갖을 수 없는 걸까요?체인의 위에 있다라는게 어떤 상황인지 궁금합니다.dance함수는 Idol.prototype객체에 정의되어 있어, Idol클래스로 만든 모든 인스턴스는 Idol.prototype객체에 정의된 dance함수를 사용 할 수 있다이외에는, 도무지 생각이 발전이 되질 않습니다.자바스크립트 강좌를 다시 봤는데, 답변 남겨주신 코멘트 힌트를 발견하기 어려워 도움을 요청드립니다! 그 이유에 대해서 조금 설명을 추가 부탁드립니다! #2. 클래스 Test 코드class Test{ propertyFunction = function(){ ....} methodFunction(){ .... } } const instance = new Test(); console.dir(Test.prototype, {showHidden: true})혹시Test 클래스 예시를 보여주신 이유가, (자바스크립트 강좌에서 설명해주신것 처럼)인스턴스 메서드는 인스턴스마다 갖는 함수이기 때문에 확인이 안되고,프로토타입은 공유해서 사용하는 것이기 때문에 확인이 된다는 개념과그래서 console.dir()메서드에서 확인된다/되지 않는다 를 알려주시기 위한 목적일까요? target이 빈 객체인 이유와 연결되어 이해할 내용인지 궁금해서 문의 드립니다! 감사합니다! :] 

코드팩토리님이 가르쳐주시는 nestjs 강의가 너무 듣고싶은데강의계획이 혹시 있을까요?.. 너무듣고싶네요

target은 Idol 클래스가 아니고 Idol.prototype 객체 아닌가요?

TestMethodDecorator 의 파라미터 target이 콘솔에 빈 객체로 찍히는 이유를 잘 모르겠는데 혹시 설명해주실 수 있으실까요?클래스가 평가되어서 생성자 함수 객체가 생성되고, 생성자 함수 객체의 prototype 프로퍼티를 가지고 있는걸로 알고있는데그러면 프로토타입 객체는 dance 메서드를 가지고 있는 객체가 콘솔로 찍혀야 하는 것이 아닌가 하고 생각하고 있었는데 빈 객체가 찍혀서 이유를 잘 모르겠습니다.

const dogOrCat = Math.random() > 0.5 ? { name: '별이', age: 12, } : { name: '오리', breed: '코리안 길냥이', }; 저는 인텔리제이로 진행하고 있습니다.저는 age의 타입 유추가 number로 나오는데.. 이건 IDE마다 다르게 보이는건가요?

1_problem_with_js 는 정상적으로 컴파일 되는데2_basic.js 는 컴파일은 되지만 첨부 사진과 같이 코드 1줄만 나옵니다.원인을 알 수 있을까요?

Generic in Function (함수에서 제너릭 사용하기) 강의 내용에서의 질문입니다.class Car { brand: string; codeName: string; constructor(brand: string, codeName: string) { this.brand = brand; this.codeName = codeName; } } function instantiator<T extends { new(...args: any[]): {} }>(classObject: T, ...args: any[]) { return new classObject(...args); } console.log(instantiator(Car, 'BMW', 1111));Car의 경우 생성자의 codeName 인자의 타입이 string인데...args의 타입을 any[]로 지정했기 때문에instantiator(Car, 'BMW', 1111)에서 codeName에 number값을 넣어도 오류가 발생하지 않았습니다.물론 단순히 할당하기만 하는 코드이기 때문에 런타임에서도 오류가 발생하지는 않을 것 입니다.좀 더 정확한 타입 체킹을 할 수 있도록 위 케이스에서 클래스 생성자의 인자 타입까지 반영해서 체크하는 instantiator를 작성할 수 있을까요?

상속받은 Class에서 부모 메소드 Override 조건이// 1) 부모 메서드와 반환 타입이 일치해야한다.// 2) 부모 메서드에 필수인 파라미터들이 존재해야한다.// 3) 부모 메서드에서 optional인 파라미터들이 자식에서// 필수로 지정되면 안된다.라고 강의에서 이야기 하셨는데,3)의 경우 잘못된게 아닌가 싶어서 문의드립니다.https://www.typescriptlang.org/play?#code/MYGwhgzhAEAKYCcCmA7ALtA3gKGn6EAFgPYCuaAFCmALZIBcBaCAligOYA00Y7SA-IxSkaAIyQIAlFlz45yNKQQpoAAwAkmanQC+gH1HogCVHAqo0BCVQG5ZeHdlvZsoSDADChFiAAm0JAA80qJ4w8MjoOHJEZJTaDEysHNy8scJiEpKMEMxs7DJyefgKSioQpAAOEgB0keRUtEiSVnK2OkAclass Parent { shout(name: string, age?: number) { return `${name}야 안녕!`; } } class Child extends Parent { shout(name: string, age: number): string { return super.shout(name); } }위 링크와 같이 부모 클래스에 존재하는 optional 파라미터가 자식 클래스에서 필수로 지정되어도 오류가 발생하지 않는 것 같습니다.제가 확인하고 정리한 요건은 다음과 같습니다.부모 메소드와 자식 메소드의 반환 타입이 일치해야 함부모 메소드에서 필수인 파라미터들은 자식 메소드에도 동일한 타입으로 필수 파라미터로 존재해야 함부모 메소드에 존재하지 않는 필수인 파라미터가 자식 메소드에 존재하지 않아야 함부모 메소드에 존재하는 optional 파라미터는 자식 메소드에 존재하지 않아도 됨(단, 존재할 경우 타입은 일치해야함)자식 메소드에 optional 파라미터는 추가적으로 존재해도 됨혹시 제가 잘못 생각한 부분인지 확인 부탁드립니다. 감사합니다.