55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
interface type정의시 Object.values의 타입 지정을 어떻게 해주어야 할지 궁금합니다.
현재 강의 내용 처럼 딕셔너리 패턴으로 interface를 작성하는게 아닌 아래 코드처럼 하나의 key에 대한 type을 지정해주고 Object.values로 생성한 array의 array method를 사용해 value 타입을 보면 typescript가 value들의 타입을 인지하지 못해 any 타입으로 되는 것 같습니다. 위 상황에서 value의 type을 설정해 주려면 아래 코드처럼 value에 직접 타입을 넣어주어야 하는 것일까요?아니면 다른 방법이 있는건지 궁금합니다. interface StringRegexDictionary { regExp: RegExp; str: string; obj: { one: number; two: string; }; } const obj: StringRegexDictionary = { regExp: /abc/, str: 'string value', obj: { one: 1, two: '둘', }, }; Object.keys(obj).forEach(key => { console.log(key); }); Object.values(obj).forEach( ( value: (RegExp | string) & { one: number; two: string; } ) => { console.log(value); } );
- 미해결타입스크립트 입문 - 기초부터 실전까지
interface관련 재 질문
여기서 함수 getUser의 타입을 User로 정해줬는데mike를 매개변수로 입력하면 에러가 나는 이유는 이해했습니다. 근데 june은 왜 에러가 나지 않나요? User에 입력한 타입에서 skill이 하나 더 있는데도 말이죠.
- 미해결타입스크립트 입문 - 기초부터 실전까지
interface 관련 질문
interface 관련 질문 있습니다.여기 보시면 인터페이스로 유저의 타입을name: string; age: number로 주었기 때문에getUser(you)가 에러나는 걸 볼 수 있는데const my 또한 User의 타입 외에 skill이 하나 더 있는데 이건 빨간 밑줄이 안생기네요.인터페이스로 설정한 타입이 완전히 일치해야지 작동 가능한거 아닌가요?저렇게 타입이 더 많아도 해당 인터페이스의 타입들을 포함만 하면 작동 되는건가요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
안녕하세요! interface 관련하여 질의드립니다!
강의중에 궁금한게있어서요!interface가아닌 class를 선언하면안될까요?!혹 차이가있다면 무엇이있을까요! 예를들어 )아래와 같이 라고했을때 큰 차이점이 느껴지지 않아서 질의드립니다!!interface User { age: number; name: string; } class Student { age: number; name: string; constructor(age: number, name: string){ this.age = age; this.name = name; } } var seho: User = { age: 33, name: '세호' }; var goru = new Student(20, "kodae");
- 미해결타입스크립트 입문 - 기초부터 실전까지
axios.get is not a function?
unpkg CDN도 잘 가져왔고.. 그냥 clone한 그대로의 코드인데 이 에러가 발생하는 이유가 뭘까요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
경고라인이 나오지 않는데요.
경고 라인이 나오지 않습니다.vscode 설정의 format on save는 체크가 되어 있지 않은 상태입니다.
- 미해결타입스크립트 입문 - 기초부터 실전까지
eslint format on save 설정을 안하는 이유가 뭔지 궁금해요!
eslint 처음 설정부터 궁금했던 건데 .eslintrc.js 파일에는 "source.fixAll.eslint": true 설정도 돼있는데 왜 format on save는 체크 안하시는건지 궁금합니다..!저는 어떻게 해도 eslint 옵션이 하나도 적용되지 않고 있어요ㅜㅜ 그래서 그냥 prittier 켜고 했는데 eslint로만 하려고하면 자동으로 줄바꿈되고 자동으로 코드가 예쁘게 정리되지않아요원래 그런건가요? 감사합니다..!
- 미해결타입스크립트 입문 - 기초부터 실전까지
toString이 없다는 오류
안녕하세요, 함수 호출할 때 타입 지정할 수 있도록 바꾸었는데toString이 없다는 오류가 나는데 어떻게 해야할까요?커뮤니티에있는 다른글들 보면 다른분들도 똑같이 한거같은데.. 어찌해야할지 모르겠네요 ㅜ ㅜ
- 미해결타입스크립트 입문 - 기초부터 실전까지
tslint 플러그인
플러그인을 깔고있는데 tslint플러그인에 대해서 해당 문구가 뜹니다. 그대로 깔면 되는것인지 다른 대체 플러그인이 있는것인 궁금합니다.
- 미해결타입스크립트 입문 - 기초부터 실전까지
생성자에서 비동기처리
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 캡틴판교님, 강의 잘 듣고있습니다. 실습에서 구현한 클래스를 보면 생성자에서 비동기처리를 수행하는 함수가 실행되고(fetchData())있는데요, 다음과같이 만들고 메소드를 실행했을 때 비동기처리때문인지 결과 값이 빈 배열이 나오는 것을 볼 수 있었습니다... 그래서 질문은 해당 실습코드처럼 클래스의 생성자에서 비동기처리를 하는 함수를 실행하는 방식을 많이 이용하나요? 뭔가 제 생각으로는 생성자에서 비동기로 데이터를 받아와 멤버변수에 값을 넣는 경우 멤버함수(메소드)를 외부에서 이용할 경우 위처럼 문제가 생길 것 같아서요. 실습에서 구현한 클래스를 어떻게 잘 사용할 수 있을까요? 제가 이해한 실습코드의 클래스 로직은 이렇습니다. 클래스가 만들어지고(new AddressBook()) 클래스 생성자에서 fetchData() - fetchContracts()실행 -> 비동기로 처리됨 1이 처리되어 멤버변수 contracts에 받아온 데이터가 할당되기 전 외부의 코드 실행됨(위 스샷) 1이 처리되기 전에 실행되었기 때문에 빈배열 출력 --클래스의 메소드를 사용하고 싶은 경우 생성자가 실행된 이후 메소드들을 실행할 수 있도록 async-await나 프로미스를 이용해 처리를 해줘야 할 것으로 생각되는데, 어떻게 구현할 수 있을지 감이 오지 않습니다... 도와주실 수 있으실까요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
비어있는 제네릭 타입의 호환
안녕하세요, 04:22에서 밑줄 쳐 주신 구문과 똑같이 작성하였는데아래와 같은 에러가 발생합니다.해당 구문에 대해서 첨언을 해 주실 수 있을까요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
특수 문자
판교님, 02: 01에서 특수 문자 vscode extension 을 사용하신 건가요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
제네릭 타입 제한2번째 이해가 안되서 여쭙습니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요..제네릭 타입제한관련된 강의 내용중 이해가 안되는 부분이 있어서 여쭙습니다. interface의 length는 그냥 이름(variable)아닌지요? 즉 이 interface는 length라는 number형태의 변수를 갖는 것일뿐거 같습니다. 그런데 이렇게 해보면 length를 읽지 못하는 상황입니다. length는 특별한 키워드인지 궁금합니다.
- 미해결타입스크립트 입문 - 기초부터 실전까지
안녕하세요 이해한게 맞는지 질문 드립니다.
target 은 Developer | Person 를 받고 target Developer 이면 undefined 가 아닐경우 return 한다 이렇게 이해 하면될까요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
enum vs as const
실제 서비스를 만드시면서 enum을 많이 사용하시나요? enum보다 as const로 사용하는 것이 훨씬 좋다는 글을 봐서 여쭤봅니다. const phoneType = ['home', 'office', 'studio'] as const; type PhoneType = typeof phoneType[number]; 이렇게도 쓸 수 있을 거 같은데 실무에서 어떤 방법을 더 선호하시나요? 그리고 이렇게 만든 경우에 interface는 [phone: PhoneType] : {} 이렇게 작성할 경우 오류가 뜨는데, interface를 만들 때 key를 string으로 넓게 잡는 것이 아니라 원하는 문자열만 될 수 있도록 범위를 좁히는 방법이 있나요? (아래처럼 사용하고 싶어서요) type PhoneNumberDictionary { [phone in PhoneType]: { num: number; };} 위처럼 코드를 작성할 경우 아래와 같은 에러가 발생합니다ㅠㅠ
- 미해결타입스크립트 입문 - 기초부터 실전까지
오류 관련 추가 문의
안녕하세요 기효님~ 타입호환 관련 하여 공부하면서 따라 하는데요. 아래 와 같은 오류가 보여서 어떻게 조치를 해야 할지 몰라서요. 가르쳐 주세요^^ - 아래 -
- 미해결타입스크립트 입문 - 기초부터 실전까지
오류 관련 문의 및 Typescript 에서 document 인식 방식 문의
안녕하세요. 타입스크립트를 복습하다 보니 안보이던 오류가 보여서 문의 드립니다. example > dropdown-generic.ts 에서 아래와 같이 dom 객체를 인식 하지 못하는 오류가 나는데요. tsconfig.json 에 null 오류 인식안하게 설정하면 되기는 한데. 강의를 보다 보면 기효님 소스에서는 오류가 안보이는데. 저한테는 보여서요. 그리고 이런 오류를 만나다 보니 궁금한게 생겼는데요. dropdown-generic.ts 에서 dropdown-generic.html 의 dom 객체를 어떻게 인식을 하게 되는지 도 궁금합니다. const selectTag = document.querySelector('#email-dropdown'); 이렇게 하면 html 에서 해당 id 이 객체를 인식하게 되는데..동일 프로젝트 안이라서 그런건지? 아니면 typescript 자체가 전체를 검색해서 찾는건지 궁금해서요 ㅎ - 아래 -
- 미해결타입스크립트 입문 - 기초부터 실전까지
안녕하세요 유니온 타입 질문 드립니다.
위 코드를 보면 function 부분에서는 빨간 줄로 오류가 발생합니다. 제가 강의를 보며 이전 강의에서는 유니온 연산일 경우에는 각 인터페이스의 공통된 값만 사용 할 수 있다고 들었는데요 이제 직접 askSomeone 함수를 이용하여 타입에 맞게 파라미터를 부여할 경우에는 오류가 발생하지 않나요? 함수를 사용할 때도 원래는 name 만 받아 사용 할 수 있어야 하는 것 아닌가 싶어서 질문드립니다!
- 미해결타입스크립트 입문 - 기초부터 실전까지
안녕하세요 Eslint 설정 문제인지 궁금합니다.
변수에 타입을 지정해주려고 하는데 저장만 하면 계속 오류가 발생합니다. 위 사진처럼 설정파일까지 다 지정해줬는데 계속해서 영상처럼 동작하지 않습니다 혹시 어떻게 해야하는지 알 수 있을까요 예제로 있는 파일에서도 오류가 발생합니다.
- 미해결타입스크립트 입문 - 기초부터 실전까지
옵셔널 파라미터[타입스크립트 핸드북]
안녕하세요 주신 타입스크립트 핸드북에 보면 함수의 인자 부분에 옵셔널 파라미타 ? 넣는 게 있던데, function sum(a: number, b?: number): number { return a + b; } sum(10, 20); // 30 sum(10, 20, 30); // error, too many parameters sum(10); // 10 컴파일 에러는 잡히겠지만, sum(10); // 10이 아니라 sum(10); // Nan <- 10 + undefined(or null) 아닌가요~?