25%
41,250원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결한 입 크기로 잘라먹는 타입스크립트(TypeScript)
dispatch가 null인 경우 에러를 발생시키도록 하는 패턴을 실무에서도 사용할 수 있나요?
안녕하세요, optional chaning을 사용하는 대신 dispatch가 null인 경우 에러를 발생시키도록 커스텀 훅을 작성하여 해결한다는 것으로 이해했는데, 이러면 사실 optional chaning을 사용하는 것보다도 더 위험한 코드가 되는것은 아닌지 질문드립니다.실제 프로덕트에서라면 try catch로 감싸야 하는 것인지, 만약 그렇다면 구체적으로 어떤식으로 작성할 수 있을지 궁금합니다
- 해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
제네릭 타입 변수 네이밍
안녕하세요.현재 강의 infer 챕터를 듣고 있는데요, 문득 제니릭의 타입 변수는 어떤 기준으로 네이밍 되는 지 궁금해져서 질문 드립니다.T, U, V처럼 알파벳 순서인 거 같았는데R이 나와서 의문입니다!
- 해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
section7 - 타입 변수 응용하기
안녕하세요! 제네릭 부분 공부하고 있는데위의 사진처럼 빨간색으로 표시한 부분에 대해 궁금한점이 있어 글남깁니다!저부분을 뭐라고 하는지 궁금하고, 어떤 값을 적어야하나요?안적어도 저렇게 자동으로 타입이 ? 추론되던데어떤건 적고 어떤건 안어도 되던데 이건 선택사항인가요??
- 미해결한 입 크기로 잘라먹는 타입스크립트(TypeScript)
map, forEach 질문있습니다!
타입스크립트도 자바스크립트처럼 map, forEach 메서드를 사용할 수 있는데 따로 함수를 직접 만들어서 사용해야 하는 이유가 있나요? (순수한 궁금증 입니다!)
- 해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
typescript와 webpack/babel 웹 브라우저 관계
강의를 듣다보니 궁굼한 내용이 있어서 문의 드립니다. typeacript가 컴파일러를 통해 javascript로 변환되고javsscript가 컴파일러를 통해 바이트 코드로 변환되고..질문 내용바이트코드는 노드js가 해석하는 컴퓨터 언어 파일인가요? 웹브라우저가 해석하는 파일인가요?typeacript와 webpack 라이브러리 관련해서둘다 필수 라이브러리인데 같이 사용할때 설정 파일의 차이점을 모르겠습니다.웹펙을 사용하는 프로젝트인경우 자바스크립트 버전을 변경해서 번들링을 하게 되는데, 웹펙을 사용하면 이때 typeacript의 target 자바스크립트 버전은 무의미 하다고 봐도 되나요 ?typescript config 옵션 중에 모듈 관련된 옵션들이 있는데 웹펙을 사용하면 모듈 옵션은 무의미 하다고 봐도 되나요 ? 답변해주신 내용중에 typescript로 cra 실행 시 기본 컴파일 설정값이 컴파일을 하지 않게 되어 있고, babel 별도 설정을 통해 javascript 컴파일을 한후 런타임을 한다 하셧는데 그러면 typescript는 vscode 자체에서 타입 체크 정도의 기능한 한다고 이해해도 될가요?babel 설정을 하지 않은 프로젝트에서 타입스크립트 프로젝트를 웹 브라우저에 띄울 수 있나요 ?
- 해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
tsconfig.json 설정 옵션
안녕하세요, 강의 정말 잘 듣고 있습니다. 핵심적인 부분을 쉽게 설명해주셔서 타입스크립트에 적응하는 데 도움을 많이 받고있고, 정말 감사드립니다.질문드리고 싶은 건 tsconfig.json 옵션에 대해서입니다. 강의에서 설명해주신 옵션들 외에도 다른 옵션들이 있고, 프로젝트마다 조금씩 다르게 사용하게 되잖아요.moduleDetection은 각 파일에 모듈 시스템 키워드(export, import)를 최소 하나 이상 사용해 해당 파일을 전역 모듈이 아닌 로컬(독립) 모듈로 취급되도록 만든다고 강의에서 설명해주셨는데요.이번에 isolatedModules라는 옵션을 알게 되었는데, 모듈을 독립적으로 컴파일하는 것을 강제한다고 하더라구요.moduleDetection은 모듈 시스템 키워드를 사용해서 모듈을 독립적으로 취급되도록 하고, isolatedModules는 모듈 시스템 키워드를 자동으로 사용할 수 있게 해주지는 않지만, 얼핏 보기에 두 옵션을 사용했을 때 기대할 수 있는 효과가 비슷하다고 보이는데요.제가 이해한 내용이 맞는지, 혹시 이에 대해서 추가적인 내용을 알려주실 수 있으신지 궁금해서 질문을 드리게 되었습니다.좋은 강의 준비해주셔서 다시 한번 감사합니다!
- 해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
let num2 = 10 as unknown;
let num2 = 10 as unknown;은 어떻게 가능한건가용? 10은 unknown의 다운 캐스팅이라서 안되는거 아닌가용?
- 해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
컴파일러 옵션에서 ts-node설정처럼 tsx 설정도 필요한가요?
tsx도 비슷한 설정이 필요한가요?
- 해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
저장 줄맞춤
혹시 확장프로그램 어떤걸 다운 받아야 강의처럼 줄맞춤이 되나요??ㅠㅠ
- 미해결한 입 크기로 잘라먹는 타입스크립트(TypeScript)
map 구현 중 에러가 발생합니다.
안녕하세요.5분 25초 경의 코드를 똑같이 작성했습니다.그런데 callback(arr[i])부분에서'T' 형식의 인수는 'never' 형식의 매개 변수에 할당될 수 없습니다.ts(2345)라는 에러가 발생하는데 정상적인가요...?const arr = [1, 2, 3]; const newArr = arr.map((it) => it * 2); function map<T>(arr: T[], callback: (item: T) => T) { let result = []; for (let i = 0; i < arr.length; i++) { result.push(callback(arr[i])); } return result; }
- 미해결한 입 크기로 잘라먹는 타입스크립트(TypeScript)
tsx 오류 없이 실행이 안됩니다
tsx 오류 없이 실행이 안됩니다ㅠㅠ별 다른 메시지가 뜨지 않고 단지 실행이 안됩니다ㅠㅠ어떤걸 확인하면 좋을까요..? 설치도 진행한 상태입니다.. { "name": "section2", "version": "1.0.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "section2", "version": "1.0.0", "license": "ISC", "dependencies": { "@types/node": "^20.11.17" } }, "node_modules/@types/node": { "version": "20.11.17", "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.17.tgz", "integrity": "sha512-QmgQZGWu1Yw9TDyAP9ZzpFJKynYNeOvwMJmaxABfieQoVoiVOS6MN1WSpqpRcbeA5+RW82kraAVxCCJg+780Qw==", "dependencies": { "undici-types": "~5.26.4" } }, "node_modules/undici-types": { "version": "5.26.5", "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz", "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==" } } } { "name": "section2", "version": "1.0.0", "description": "", "main": "index.js", "type": "module", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "dependencies": { "@types/node": "^20.11.17" } } { "compilerOptions": { "target" : "ESNext", "module": "ESNext", "outDir": "dist", "strict": true, "moduleDetection": "force", "skipLibCheck": true, }, "ts-node": { "esm": true }, "include": ["src"] }
- 해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
타입스크립트 테스트코드 작성
안녕하세요 강의 도움 많이 받고 타입스크립트 + 리액트 조합으로 서비스 만들고 있습니다. 강의에 테스트코드 관련 내용은 없어 무관한 질문 죄송합니다 ㅠjest로 테스트 코드를 작성하려고 하는데 설정에 무슨 오류가 있는지 도무지 테스트가 되지 않습니다.. 여러 블로그 글이랑 챗 gpt참고해서 수정해도 안되는데 혹시 타입스크립트에서 jest 쓰려면 다른 설정을 해줘야 하는건가요?도움 주시면 감사드리겠습니다 ..
- 해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
typeof value === "Person"
function func(value: number | string | Date | Person) { if (typeof value === "number") { console.log(value.toFixed()); } else if (typeof value === "string") { console.log(value.toUpperCase()); } else if (value instanceof Date) { console.log(value.getTime()); } else if (typeof value === "Person") { console.log() } }Person 타입은 위에와 다르게 typeof를 사용하면 안 되는 이유가 있을까용?
- 해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
Non Null 타입 질문
type Post = { title: string; author?: string; }; let post: Post = { title: "한입", author: "이정한", }; const len: number = post.author!.length; console.log(len);안녕하세요 강의를 듣다가 질문이 있어서 남깁니당Non Null 타입은 선택적 프로퍼티에 값이 존재할 때만 사용할 수 있는건가요? post 객체에 author 프로퍼티를 정의하지 않고 파일을 실행하니 오류가 납니다!
- 해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
npx 관련 질문
타입스크립트로 리액트를 시작할 때 이 명령어를 사용하지 않고 영상처럼 하는 이유가 있을까용?npx create-react-app 디렉토리명 --template typescript
- 해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
터미널..
터미널에 src/index.ts 이렇게 작성해서 index.js파일이만들어졌습니다. 그런데 index.js파일이 빈파일입니다.아무런 내용이 없는데, 왜그런걸까요..?ㅠㅠㅠ
- 해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
const 키워드로 만든 인스턴스에서 필드의 값 변경이 가능한 이유
안녕하세요, 강의 너무 잘 듣고 있습니다. 감사합니다!접근 제어자 강의 내용 중 궁금한 내용이 생겨서 문의드립니다.아래의 내용을 보면, const keyword 로 만든 인스턴스에서 필드값을 변경할 수 있는데, const keyword 는 상수여서 변경이 불가능해야 하는 것이 아닌가요?해당 내용에 대해 참고할 수 있는 자료가 있다면 공유해 주시면 진심으로 감사하겠습니다! const employee = new Employee("이정환", 27, "developer"); employee.name = "홍길동"; employee.age = 30; employee.position = "디자이너";
- 해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
PromiseUnpack<Promise<number>> 코드 질문드립니다.
type PromiseUnpack<T> = T extends Promise<infer R> ? R : never; type PromiseA = PromiseUnpack<Promise<number>>; // number타입 type PromiseB = PromiseUnpack<Promise<string>>; // string타입안녕하세요 선생님. 8:40~부터 나오는 실습코드입니다.타입스크립트의 타입 정의에 관해 헷갈리는 개념이 있습니다.PromiseUnpack<Promise<number>>에서 Promise는 정의해주지 않았는데 갑자기 나오는 이유가 궁금합니다.type Promise = 블라블라이게 없어서 궁금합니다. Promise라는 타입을 정의해준 적은 없지만 '그런 타입이 존재하는구나' 라고 타입스크립트에서 추론이 되어 Promise의 타입 정의 없이 예시로 코드를 작성하신 것일까요??
- 해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
강의중 오류가 나왔습니다
해당강의 따라하던중compilerOptions 에서 target 을 ES5로 했을때는 아무오류 없이 js 파일도 잘 나오는데요, ESNext로 하고 컴파일하면 오류가 나와요. 하지만 동일하게 js파일은 생성이 되요.node_modules/@types/node/globals.d.ts:396:25 - error TS2792: Cannot find module 'undici-types'. Did you mean to set the 'moduleResolution' option to 'nodenext', or to add aliases to the 'paths' option?396 : typeof import("undici-types").FormData; 제가 뭘 따로 설치하거나 하진 않고 강의만 따라했다고 생각했는데 한번만 봐주세요!
- 해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
JS로 작업한 프로젝트 -> TS로 마이그레이션 문의
안녕하세요 js -> ts 마이그레이션 문의드립니다!거의 다 작업된 js문법으로 만들어진 개인 프로젝트가 있습니다.이 강의로 ts 공부하면서 차근차근 적용해보려고 하는데 코드 양이 꽤 되어서 시간이 오래 걸릴 것 같아 여러 방법중에 고민이 있습니다.여러 방법을 생각해봤는데 한번 봐주시면 감사하겠습니다! 기존 main브랜치에서 계속 커밋하면서 파일 한개 한개씩 차근차근 ts로 바꾸기 -> ts마이그레이션과 함께 구직활동을 병행하려고 하는데, 회사 입장에서는 지원자의 코드가 어떤 파일은 ts이고, 어떤 파일은 js이고 뒤죽박죽이라 마이너스가 될까봐 걱정입니다. 마이그레이션 하다가 꼬일까봐 걱정되어 ts전용 브랜치를 따로 파서 작업 -> 만약 마이그레이션 작업 외에 기능이 추가되거나 버그를 수정하는 코드가 추가된다면, ts브랜치로만 진행 (추후에 ts브랜치가 문제없이 완성된다면 ts브랜치가 main브랜치가 됌)기타 의견이미 몇달동안 만든 프로젝트를 ts로 바꾸려니 고민이 많아서 선생님의 의견이 궁금합니다! 제가 적어놓은 방법이 맞는지도 잘 모르겠습니다.. 도움 주시면 감사하겠습니다.