55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
Promise 관련 문제
async awit 를 사용하는데 아래와 같은 문제가 발생하네요..ㅠㅠ 어떤식으로 해결하면 좋을까요..? tsc -w index.ts 처럼 사용하고 싶습니다 아래처럼 tsconfig.json 에 ES2015 를 추가한 상태입니다 아래는 문제가 발생한 코드입니다 아직 완강도 하지 않았는데 타입스크립트를 프로젝트에 어느정도 활용할 수 있게 되었습니다 강의력 최고십니다... 항상감사드려요 !!! 짱
- 미해결타입스크립트 입문 - 기초부터 실전까지
인터페이스 질문
안녕하세요. 강의 잘 듣고 있습니다. 다름이 아니라 궁금한게 생겨서 여쭤보려고 질문 드렸습니다. 인터페이스 정의할 때 ()괄호안에 넣은 값은 함수의 인자값으로 표현되고 그냥 일반적으로 적는건 객체로 표현이 되는 건가요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
js 파일과 ts 파일 중복
왜 sample.ts에 선언한 변수들이 sample.js에 의해서 영향을 받나요? export/import를 해야 다른 파일에 영향을 줄 수 있는것 아니었나요? 영상에서 짧게 설명해주셨는데 정확히 이해하지 못해서 질문드립니다.
- 미해결타입스크립트 입문 - 기초부터 실전까지
이넘의 사용법에 대해 이해가 되는 강의였습니다!
안녕하세요! 앞에서 이넘 강의를 들을 때는 막상 어떻게 사용하는건지? 용도가 불분명해서 그렇구나..하고 넘겼던 부분인데 전화번호부 프로젝트에서 이넘을 구체적으로 사용하는 부분을 보고나서야 이해가 되었네요. 개발할 때 상수처리가 필요한 단어들을 const로 정의해서 사용했었는데요. 모양이 똑같은데 타입스크립트에서는 enum으로 정의해서 사용하는군요! const로 정의하고 나서 활용할때는 해당하는 이름과 const에 정의한 이름이 같은지 비교하고, 아닐경우 에러 던져주는 처리까지 따로 했어야했는데.. 타입스크립트의 enum으로 함수의 파라미터로 받을 수 있는 경우를 제한해버리게되면 애초에 enum에 정의된 변수 외에 다른 단어가 들어올 수 없게 되므로 따로 예외처리할 필요가 없어지네요. 이넘에 대한 이해도와 타입스크립트를 통해 갖게되는 이점(?)을 깨달을 수 있는 강의였습니다. 감사합니다!! :)
- 미해결타입스크립트 입문 - 기초부터 실전까지
인덱싱과 딕셔너리 패턴이 어떤 차이인지 모르겠는데요.
// 인덱싱 interface StringArray { [index: number]: string; } var arr = ['a', 'b', 'c']; arr[0]; // 'a' // 딕셔너리 패턴 interface StringRegexDictionary { [key: string]: RegExp } var obj: StringRegexDictionary = { sth: /abc/, cssFile: /\.css$/, jsFile: /\.css$/, } 위의 코드처럼 인덱싱과 딕셔너리 패턴이 다른게 없어보이는데요. 어떤 차이가 있는건가요? Array에 접근할떄는 인덱싱, Object에 접근할때는 딕셔너리 패턴이라고 두신건가요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
안녕하세요. 핸드북에서 딕셔너리 패턴에 대한 내용이 빠진듯해요!
안녕하세요. 핸드북에서 딕셔너리 패턴에 대한 내용이 빠진듯해요! 혹시 이 부분도 같이 추가 부탁드려도 될까요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
설정이 덜 된 건가요?
vscode에서 작업하고 있고, eslint, tslint 둘다 설치했는데 강사님이랑 살짝 다르게 나오는거 같아요 똑같이 따라한거 같은데 저같은 경우엔 function addTodo(todo: any): void => 첫번째 줄은 나오는데 Missing return~, 'addTodo' is defined~ => 나머지는 안나오거든요 그래서 강의에서는 아래사진의 함수명까지 밑줄이 그어지는데 저는 파라미터부분만 밑줄이 표시돼요 { "compilerOptions": { "allowJs": true, "checkJs": true, "noImplicitAny": true }, "include": ["./src/**/*"] } 설정이 빠뜨린게 있어서 그런 걸까요?
- 미해결타입스크립트 입문 - 기초부터 실전까지
질문드려요 !
아래 결과를 보았을 때 index를 number 로 지정해주면 anotherDict 에서 아래와 같은 오류가 뜹니다 index 를 string 으로 지정해 주면 arr 에서 아래와 같은 오류가 뜹니다. 인덱스 시그니처가 없다는 것으로 보아 오브젝트의 속성이름이 없어서 그런 것 같은데 (배열이므로) [index: number] 은 배열에 사용하고 [index: string] 은 오브젝트에 사용하는 타이핑인건가요? 한가지 더 아래와 같은 형태는 오류표시 없이 number,string 모두 가능하던데 왜그런걸까요,,? 오브젝트의 key 값은 string 이라고 알고있는데 위의 dict 같은 경우는바닐라자바스크립트에서 dict[0] , dict['0'] 모두 동작하는 걸로 봐서 [] 안에 숫자형을 넣으면 자동으로 문자로 변환되서 key 값에 대응하는 건지, key 에 숫자를 쓰면 문자,숫자 둘다 가능한건지 잘 모르겠네요.. +) 혼자공부하는 학생인데 강의 잘 듣고 있습니다 선생님 최고입니다 ㅎㅎㅎ
- 해결됨타입스크립트 입문 - 기초부터 실전까지
이 방식을 뭐라고 부르나요? 전화번호부에서 객체 선언에도 사용을 했더라구요.
뒤쪽 전화번호부 프로젝트 보면 오브젝트의 키 정의에도 사용을 했더라구요. 처음에 본 것 같기도 하면서 생소하기도 했는데 인덱싱 방식 정의랑 같은 거였네요. interface PhoneNumberDictionary { [phone: string]: { num: number; }; }
- 해결됨타입스크립트 입문 - 기초부터 실전까지
2회차 팁 - tsc로 생성된 결과물 js 파일도 보면 좋습니다.
복습하느라 되돌아 보고 있습니다. c나 자봐와는 달리 생성된 js 파일도 읽을 수 있는데, 이 부분을 제가 간과했었네요. 공부할 때 컴파일 결과 js 파일을 읽어 보시면 도움이 많이 되더군요.
- 해결됨타입스크립트 입문 - 기초부터 실전까지
마지막 프로젝트까지 다 들었습니다!
https://codesandbox.io/s/learn-ts-phone-book-import-c7yc0?file=/src/index.ts 알려주신 코드샌드박스 써 봤구요. 사실 로컬에서 tsc로 빌드하고 http-server로 띄웠을 때는 에러가 났는데, 코드샌드박스 tsconfig 이랑 package.json 설정을 가져왔더니 로컬에서도 정상 동작하네요. 여튼 완강해서 뿌듯하고 너무 감사했습니다. 수강평 남기는 곳을 못 찾아서 여기다가 다시 남깁니다 ㅋㅋ.
- 해결됨타입스크립트 입문 - 기초부터 실전까지
인터페이스 질문
// 함수 스펙(구조)에 인터페이스를 활용 interface SumFunction { (a: number, b: number): number; } var sum: SumFunction; sum = function(a: number, b: number): number { return a + b; } 변수 sum에 SumFunction 이라는 interface를 정의했는데 아래 sum 함수에 (a: number, b:number): number 타입을 정의해줄 필요가 있나요? // 함수 스펙(구조)에 인터페이스를 활용 interface SumFunction { (a: number, b: number): number; } var sum: SumFunction; sum = function(a, b) { return a + b; } sum(1 + "2") 위와 같이 작성해도 변수 sum에 정의한 interface로 알아서 다 오류로 찾아주는데 두 번씩 작성하는 이유가 궁금합니다.
- 미해결타입스크립트 입문 - 기초부터 실전까지
타입과 인터페이스의 차이점은 무엇인가요?
안녕하세요, 강의 듣다가 궁금한게 생겼는데요. 타입과 인터페이스의 차이점이 뭔가요? 둘 다 중복된 코드를 제거 하기 위해 사용하는게 동일해보여서요. 미리 선정의된 타입/인터페이스를 하단의 코드에서 임포트해서 사용하는 듯 한데... 둘이 사용하는 상황이 어떻게 다른지, 용도가 서로 어떻게 다른지 궁금합니다!! :-)
- 미해결타입스크립트 입문 - 기초부터 실전까지
tsc 컴파일러 오류가 발생합니다.
환경: windows10, VS Code, Powershell 증상: tsc src/index.ts 명령 실행시 아래 오류메시지 생김 오류메시지: src/index.ts:55:14 - error TS2585: 'Promise' only refers to a type, but is being used as a value here. Do you need to change your target library? Try changing the `lib` compiler option to es2015 or later. 소스 링크 질문2: 제 소스 코드를 보면 검색한 주소를 화면에 보여주기 위해서 setTimeout() 을 사용했는데, 더 좋은 방법은 없을지도 궁금해요.
- 해결됨타입스크립트 입문 - 기초부터 실전까지
[질문아님] 제네릭이랑 이번 실습 강의 너무 좋네요!
질문 게시판 도배 죄송합니다. 그런데 진짜 내용이 너무 좋았어요. 실습 내용도 재밌었고, 설명도 머리에 쏙쏙 들어옵니다 ㅎㅎ.
- 미해결타입스크립트 입문 - 기초부터 실전까지
강의 4분 10초에 Ctrl + Space가 먹질 않네요 ㅠ
저도 자동완성 기능 쓰고싶어요.. 으아아아앙ㅠㅠ
- 미해결타입스크립트 입문 - 기초부터 실전까지
질문은 아니구..
1분 03초 에서 CSS 선택자 라고 하셨는데, Id 선택자 아닐까요??
- 해결됨타입스크립트 입문 - 기초부터 실전까지
유니온 없애 보았습니다.
https://codepen.io/honux77/pen/poEPGVB 그런데 약간의 코드 중복이 발생하는데 어떻게 줄이는게 좋을지 모르겠어요. 제네릭 강의 너무 좋았습니다! 감사합니다!
- 해결됨타입스크립트 입문 - 기초부터 실전까지
타입스크립트 문법 체크 관련 질문 드립니다.
typescript강의를 듣고 있는데요 할일 프로젝트에서 강사님 동영상에서는 메소드를 정의 해놓고 사용하지 않는 메소드에서는 물결로 경고 표시가 나왔는데 제 경우에는 그런게 안떠서요 elint tslint는 플러그인으로 설치했습니다. 왜 그런지 궁금합니다.
- 해결됨타입스크립트 입문 - 기초부터 실전까지
object 배열 질문 드립니다.
typescript 강의를 듣고 있는데요 할 일 프로젝트에서 변수와 메소드 반환 타입을 지정하고 하고 있는데 강사님은 object[] 로 정하셨는데 혹시 Array<object>로 해도 되는건가요?