55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
npm i 만 사용하면 어떤 모듈이 다운되나요?
npm i 만 사용하면 어떤 모듈이 다운되나요? 검색했는데 찾기가 좀 어렵네요 ㅠ
- 미해결타입스크립트 입문 - 기초부터 실전까지
eslint 주석 처리해도 함수에 노란줄이 생기지 않네요 ㅜ
.eslint 강의 말씀처럼 26번, 27번 라인 주석처리 했습니다. index.ts 위 처럼 함수에는 노란줄이 안뜨는데 괜찮을까요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
선생님 자꾸 질문드려서죄송합니다. [ function]
function fetchItems2() { let items2 = ['a', 'b', 'c']; return new Promise(function (resolve) { resolve(items2); }) } tsconfig.json { "compilerOptions": { "allowJs": true, "checkJs": true, "noImplicitAny": true, // 묵시적으로 any로도 해라는 것 "strict": true, "strictFunctionTypes": true, }, "include": ["./src/**/*"] } .eslintrc.js module.exports = { root: true, env: { browser: true, node: true, jest: true, }, extends: [ "plugin:@typescript-eslint/eslint-recommended", "plugin:@typescript-eslint/recommended", ], plugins: ["prettier", "@typescript-eslint"], rules: { "prettier/prettier": [ "error", { singleQuote: true, semi: true, useTabs: false, tabWidth: 2, printWidth: 80, bracketSpacing: true, arrowParens: "avoid", }, ], // "@typescript-eslint/no-explicit-any": "warn", // "@typescript-eslint/explicit-function-return-type": "off", // "prefer-const": "off", }, parserOptions: { parser: "@typescript-eslint/parser", }, }; 설정했는데.. 선생님 화면하고 다른 부분은 function에 밑줄 안들어옵니다... 왜 그런걸까요?....
- 미해결타입스크립트 입문 - 기초부터 실전까지
자동 추론 관련 질문 드립니다.
interface Test { [key: number]: string; } const val: Test = { 1: 'one', 2: 'two', }; const valKeys = Object.keys(val); // valKeys의 type이 number[]가 아니라 string[] Object.keys()의 return type은 string[]로 정해져있는 것 같아요...! 그래서 4분 쯤에 말씀하신 interface를 통해 type을 지정했을 때 forEach나 map의 parameter가 자동 추론이 되게 하려면 추가적인 조치가 필요할 것 같아요~ 혹시 좋은 방법 있을까요? 저도 개발하면서 이 부분이 조금 불편했거든요ㅠㅠ
- 미해결타입스크립트 입문 - 기초부터 실전까지
2번째 프로젝트에 나온 interface 소스 질문 입니다
자바 개발 자 입니다. 급하게 web을 개발 하게 되어 typescript 공부 중입니다. 2번째 프로젝트에 보면 interface 가 나오는데 요. interface PhoneNumberDictionary 는 객체를 가지고 있는듯 한데 맞습니까?? ( interface 안에 요소로 {} 가 있으니까요 ) 만약 PhoneNumberDictionary 안에 객체가 있는게 맞다면 [phone:string] <-- 이 부분은 객체의 key 로 phone이라는곳에 string이 들어오고, 해당 객체는 num 이라는 number 타입의 멤버 변수를 가지고 있다고 보면 될까요? interface PhoneNumberDictionary { [phone: string]: { num: number; }; } interface Contact { name: string; address: string; phones: PhoneNumberDictionary; }
- 미해결타입스크립트 입문 - 기초부터 실전까지
선생님 질문이 있어서 뷰에 대하여 여쭤봅니다...
리액트 요새 클래스에서 훅을 쓰는 추세인데.. 저희 회사에서는 뷰 nuxt.ts기반으로 개발하면서 클래스 기반을 쓰는 데 그게 최신 추세인가요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
age의 or | type의 속성을 인식해버립니다. ㅠㅠ 제가 잘못하고 있는건가요?
function Union(union: Developer | Person) { // Union Type이 되면, 타입(Developer |or Person)의 공통된 타입만 속성이 된다. union.name; // (property) name: string union.age; // @Error : union.age // Why not Error?.... not or.. (property) Person.age: number !== WHY? union.skill; // Property 'skill' does not exist on type 'Developer | Person'. // Property 'skill' does not exist on type 'Person'. } function askUnion(union: Developer & Person) { // Union Type이 되면, 타입(Developer &and Person)의 정의된 타입 모두 속성이 된다. union.name //(property) name: string union.age //(property) Person.age: number union.skill //(property) Developer.skill: string } var kureha: string | number | boolean // var kureha: string | number | boolean var ryosuke: string & number & boolean; // var ryosuke: never
- 미해결타입스크립트 입문 - 기초부터 실전까지
인터페이스, Type차이
지난시간에 사용했던 것처럼 Type을 쓰는 것과 interface방식 두가지가 있는데, 언뜻보면 둘의 사용방법은 비슷한 것같은데, 어떤차이가 있는건가요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
eslint 메시지부분 질문드립니다
안녕하세요! 강의 열심히 듣고있습니다 회사에서도 타입스크립트를 사용하는데 에러날때마다 사진에서처럼 eslint메시지를 보면서 구글링을 하는데 정확히 무슨의미인지 잘 모르겠습니다. 사진에보면 1,2,3번으로 표시를 해뒀는데 1번은 input이 onChange함수에 기본으로 설정되어 있는 타입이 맞나요?? 2,3번은 제가 설정해놓은 props랑 default props에 따라 나오는 메시지인지 모르겠어요 (지금 타입스크립트랑 react내장 라이브러리 type-props랑 같이 사용하고 있고, strict 모드를 사용중이라 strictNullChecks 부분을 false로 할 수가 없는상황입니다.) null로 타입을 지정하지도 않았는데 2,3번에 계속 null이 나오는 이유도 모르겠고 혹시 강의 내용중 관련된 영상이 있다면 알려주시면 제가 찾아보겠습니다! 아직 초급부분밖에 못들었습니다. 감사합니다!!
- 미해결타입스크립트 입문 - 기초부터 실전까지
object의 마지막이 왜 ,로 끝나나요?
done: false로 끝나야 하는거 아닌가요? ,를 안붙이면 오류가 나는데 이유가 뭘까요...?? function addTwoTodoItems() { // addTodo() 함수를 두 번 호출하여 todoItems에 새 할 일이 2개 추가되어야 합니다. const item1 = { id: 4, title: '아이템 4', done: false, }; addTodo(item1); addTodo({ id: 5, title: '아이템 5', done: false, }); }
- 미해결타입스크립트 입문 - 기초부터 실전까지
Variable 'empty2' is used before being assigned.ts(2454)
empty2와 notempty2에서 이런 에러가 발생합니다. 아마도 값을 주지 않고 할당을 해줘서 나는 에러인것같아서 let empty2: Empty<string> | undefined let notempty2: NotEmpty<number> | undefined 이런식으로 처리해주었습니다. 강의에서는 뜨지 않는 에러인데 어떤 설정을 바꿔줘야 안뜰까요 ?
- 미해결타입스크립트 입문 - 기초부터 실전까지
강의 내용과는 상관 없는 질문입니다.... 여기다 여쭤보는 것이 맞는지 모르겠지만
혹시 키보드는 어떤 것을 사용하시고 어떤 종류의 키보드를 선호하시는지 여쭤봐도 될까요? '-' - Why에 대한 것을 설명해주시고 또 직접 보여주시는게 너무 좋아요. 좋은 강의 감사드립니다
- 미해결타입스크립트 입문 - 기초부터 실전까지
다른 분들은 eslint 플러그인 잘 작동했는 지 모르겠네요.
수업을 따라 진행하는데, "Missing return type on function. "메세지가 나타나지 않더라구요. eslint 제대로 동작하지않는 구나 싶어서 구글링해보니vscode > eslint > extension 옵션 중 workingDirectories가 있는 걸 알았습니다.해당 옵션 값을 {"mode": "auto"}로 하니 eslint도 정상작동하네요.참고한 깃헙 이슈 : https://github.com/microsoft/vscode-eslint/issues/696#issuecomment-512252381혹시 저와 같은 문제가 있으신 분은 참고해도 좋을거 같아요.
- 미해결타입스크립트 입문 - 기초부터 실전까지
혹시 리액트 강의 제작하실 계획 있으신가요?
혹시 타입스크립트를 사용한 리액트 강의 제작하실 의향은 없으신가요? 타입스크립트 공부하고 리액트를 공부할 계획인데 최신버전 강의가 별로 없고 초급자가 듣기 어려워 보이네요...
- 해결됨타입스크립트 입문 - 기초부터 실전까지
유니온, 인터섹션 질문입니다.
핸드북에는 유니온(Union) 타입이란 두 타입의 합집합을 의미한다고 (&) 써있고 교차(Intersection) 타입이란 아래와 같이 타입이 2가지 이상일 경우에 교집합(교차)인 경우의 속성만 보장해주는 특성을 의미합니다. 라고 써있는데.. 강의에서는 유니온이 | 이거고 인터섹션이 & 이거라고 하셔서.. 어떤게 맞는건가요? 갑자기 너무 헷갈리네요요 제가 이해를 잘못하고있는건가요..?
- 해결됨타입스크립트 입문 - 기초부터 실전까지
eslint 질문입니다
안녕하세요. 1. 저는 매개변수에 빨간물결은뜨는데 노란색이 안뜨는데 어떻게 해야하나요? format on Save는 껐습니다. 2. 그리고 다른질문이있는데 원래 format on Save를 끄기전에 vscode에서 프리티어가 코드를 정리해줬는데 js는 적용이 되고 ts파일은 적용이 안되더라구요. 왜 ts는 프리티어 적용이 안되나요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
Delete ␍ eslint (prettier/prettier) 에러
실습하다가 위와 같은 에러가 세미콜론 끝에서 계속 떠서 검색해보니까 prettier 2.0이상 부터 endOfLine 옵션 default가 auto'에서 'lf'변경되면서 뜨는것 같습니다! 강제로 아래와 같이 설정해주면 안뜨네요. .eslintrc.js 파일 내 아래와 같이 추가설정 rules: { 'prettier/prettier': [ 'error', { endOfLine: 'auto' }
- 미해결타입스크립트 입문 - 기초부터 실전까지
캡틴판교님 아래 질문을 못보신거 같아 다시 질문드립니다 ㅠ
https://www.inflearn.com/questions/113338 이쪽 혹시 질문 답변받을 수 있을까요? 인덱싱과 딕셔너리 패턴에 대한 내용입니다.
- 미해결타입스크립트 입문 - 기초부터 실전까지
키값을 사용한다고 말씀하셨는데 그럼 밸류값은 어떤방식으로 사용할 수 있을까요?
선생님 우선 새해 복 많이 받으세요. ^^ 강의 감사하게 잘 듣고 있습니다. 다름이 아니라 질문이 있어서요... 마지막에 getShoppingItemOption('name')가 의미하는게 어떤건지 이해가 잘 안가네요 ㅠㅠ string이라는 타입을 반환하는 건가요? 만약 타입을 반환하는거라면 이게 어떤 의미인지, 어떤 방식으로 사용되는지 잘 모르겠습니다. 그리고 타입스크립트의 장점이 미리 타입을 추론할 수 있어서 오류를 줄일 수 있다는 점인데 제네릭을 사용하면 타입을 유동적으로 나중에 선언을 해주는 방식이라고 이해를 했는데 이러면 타입스크립트를 쓰는 의미가 줄어들지 않나요? 아무값이나 넣고 나중에 타입을 선언하니까...
- 미해결타입스크립트 입문 - 기초부터 실전까지
Promise 관련 문제
async awit 를 사용하는데 아래와 같은 문제가 발생하네요..ㅠㅠ 어떤식으로 해결하면 좋을까요..? tsc -w index.ts 처럼 사용하고 싶습니다 아래처럼 tsconfig.json 에 ES2015 를 추가한 상태입니다 아래는 문제가 발생한 코드입니다 아직 완강도 하지 않았는데 타입스크립트를 프로젝트에 어느정도 활용할 수 있게 되었습니다 강의력 최고십니다... 항상감사드려요 !!! 짱