묻고 답해요

리액트 강의관련해서 질문드립니다!

미해결

자바스크립트도 정확하게 모르는데 처음 강의로 타입 스크립트 쓰는 강의 들어도 문제 없을까요 ?

• 리액트
• 자바스크립트
• 타입스크립트

TS 진위값 관련 질문

미해결

타입스크립트 입문 - 기초부터 실전까지

수업중 질문이 있습니다!! 1은 true로 나타내는 걸로 알고있습니다. 타입스크립트에서는 타입을 boolean으로 선언 시 1을 쓸 수가 없을까요?

• 타입스크립트
• typescript
• es6
• typescript
• boolean
• javascript

선언된 인터페이스를 Map자료형의 타입으로 할당할 수 있는 방법이 있을까요..?

해결됨

이펙티브 타입스크립트 스터디

만약에 User라는 인터페이스가 이미 존재하는 상태에서 const userMap = new Map<?>(); 과 같은 데이터에 일반 객체형 인터페이스를 할당할수 있는 방법이 있을까용?..

• 타입스크립트
• typescript
• 인터페이스
• map

Map의 제네릭에 일반 인터페이스를 할당할 수 있나요?

미해결

타입스크립트 입문 - 기초부터 실전까지

interface ITest { id: number; name: string; isRole: boolean; } const userMap = new Map<ITest>(); 선생님 안녕하세요! 타입스크립트 공부중에 데이터자료형에도 사용해보고싶은데 위처럼 interface로 선언한것을 Map에 할당하고싶으면 어떻게 하면 좋을까요..?

• 타입스크립트
• map
• es6
• javascript
• 맵
• 제네릭
• typescript
• 인터페이스

char.js 3.대로 업그레이드 후 발견된 오류

미해결

실전 프로젝트로 배우는 타입스크립트

char.js 관련 에러입니다. 먼저 올려주신 분 과 같이 에러가 나서 chart.js 버전 업그레이드 후 업로드를 햇더니 클릭 후 다른 나라 클릭시 에러가나는데 chart.js 플러그인 메서드인 destroy()를 사용하면된다는데 해당 메서드를 어떻게 사용해야되는지를 모르겠습니다.

• 캡틴판교
• typescript
• 장기효
• es6
• 타입스크립트
• char.js

git hub 관련 파일설치후 해당 파일이없음...

미해결

타입스크립트 입문 - 기초부터 실전까지

안녕하세요 타입스크립트 배우려고 github 파일복사후 npm으로 실행했는데요 learn-typescript 안에 폴더 getting-started가 없어요ㅜㅜ 그래서 터미널로 tsc index.ts 실행해도 에러나와서요 도와주세요..ㅜ

• 타입스크립트
• javascript
• es6
• typescript

[#타입스크립트-노드버드] 해당 강좌를 타입스크립트 버전으로 작성하려고 하는데, 강의영상이랑 코드내용이 많이 차이 있을까요?

미해결

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요! 리액트-노드버드를 타입스크립트 버전으로 해보려고 하는데요, 타입스크립트로 진행하는데 강좌의 코드화면을 참고하는데 어려움이 있을까요,, 타입스크립트 버전의 넥스트 설치방법을 보니 npx create-next-app@latest --ts 라고 하는데요. @latest 부분을 @9라고 하면 될까요? 타입스크립트로 진행하는데 해당 강좌를 어떻게 활용하면 좋을지 의견을 듣고 싶습니다!

• 타입스크립트
• react
• redux
• nodejs
• express
• Next.js

강의 처럼 안됩니다~!

미해결

Vue.js + TypeScript 완벽 가이드

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 뷰 프로젝트에 타입스크립트를 점진적으로 적용하기 위해 1. 타입스크립트가 추가된 새로운 프로젝트 생성 2. 해당 프로젝트로 기존 코드들을 옮긴 후 타입스크립트 점진적으로 적용 위와 같이 하는 이유 - 일단 실행은 되니깐. 타입스크립트 에러가 나도. CSS도 기존 그대로 유지되고 이렇게 이해를 했는데요, 위와 같이해도 실행이 제대로 되지 않네요. 강의에서는 타입스크립트 에러는 많이 발생하지만 localhost:8081에 화면은 제대로 나오잖아요? 그런데 저는 화면 조차도 제대로 나오지 않네요. Could not find a declaration file for module './store/index.js'. '/Users/.../src/store/index.js' implicitly has an 'any' type. 위와 같은 에러가 발생합니다. 아무래도 모듈을 제대로 못가져오는거 같은데.. 현재 강의 시점의 타입스크립트 버전이 3버전이고 지금 타입스크립트 버전이 4점대 버전인데, 주버전이 달라져 생긴 문제인건지 궁금합니다.

• 타입스크립트
• vuejs
• typescript

제네릭 타입 제한 강의에서 질문드립니다.

미해결

타입스크립트 입문 - 기초부터 실전까지

안녕하세요, 제네릭 강의 부분에 '정의된 타입으로 타입을 제한하기' 강의에서 여쭤보고 싶은게 생겨 질문 드립니다. logTextLength(10); 에서 에러가 출력되는 이유가 궁금합니다. 수업과 핸드북 내용(https://joshua1988.github.io/ts/guide/generics.html#%EC%A0%9C%EB%84%A4%EB%A6%AD-%EC%A0%9C%EC%95%BD-%EC%A1%B0%EA%B1%B4)을 참조했을 때, 에러가 발생하는 이유는 logTextLength함수의 전달인자인 10인 숫자 타입에는 length 속성이 없기 때문이라고 하셨는데요, 그런데 수업 중 'T extends LengthType'으로 T 타입은 LengthType 내에 있는 모든 속성들을 갖고 있게 된다고 하셔서, logTextLength(10) 의 10이라는 숫자 타입에도 LengthType의 속성인 length를 갖게 된다고 생각했었습니다. 그런데 logTextLength(10) 이 에러를 출력하는 이유로, 10에 length 속성이 없기 때문이라고 하신 부분이 이해가 잘 안가 문의드립니다.

• 타입스크립트
• es6
• 제네릭
• 제네릭타입제한
• javascript
• typescript

타입스크립트 앰비언트 모듈

미해결

제가 @types/styled-components를 설치하고 src/@types/styled.d.ts 와 같은 앰비언트 모듈 파일도 만들었습니다. 제가 알기론 타입스크립트 컴파일러는 non-relative-path로 import 할 경우에 node_modules/@types를 먼저 뒤져보고 없으면 앰비언트 모듈 파일을 찾아보는걸로 알고 있는데 왜 App.tsx에서 참조하는건 src/@types/styled.d.ts 파일인지 알 수 있을 까요?? traceResolution 옵션을 줘서 컴파일 과정을 찾아봐도 node_modules/@types에 있는 styled-components/index.d.ts 파일을 찾아서 참조한다고 나와잇는데 영문을 모르겠습니다 //src/@types/styled.d.ts declare module "styled-components" { interface TestProps { name: string } } //src/App.tsx import styled from "styled-components" const test: styled.TestProps = { name: "123"} function App() { return <div>{test.name}</div> } export default App; //tsconfig.json { "compilerOptions": { "target": "es5", "allowJs": false, "skipLibCheck": true, "esModuleInterop": true, "allowSyntheticDefaultImports": true, "strict": true, "forceConsistentCasingInFileNames": true, "noFallthroughCasesInSwitch": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "react-jsx", "noImplicitAny": false, "lib": [ "dom", "dom.iterable", "esnext" ], "noEmit": true, "traceResolution": true }, "include": [ "src" ] } ======== Resolving type reference directive 'styled-components', containing file 'C:/Users/boh00/github/apollo-todolist/__inferred type names__.ts', root director y 'C:/Users/boh00/github/apollo-todolist/node_modules/@types,C:/Users/boh00/node_modules/@types'. ======== Resolving with primary search path 'C:/Users/boh00/github/apollo-todolist/node_modules/@types, C:/Users/boh00/node_modules/@types'. File 'C:/Users/boh00/github/apollo-todolist/node_modules/@types/styled-components/package.json' exists according to earlier cached lookups. 'package.json' does not have a 'typings' field. 'package.json' has 'types' field 'index.d.ts' that references 'C:/Users/boh00/github/apollo-todolist/node_modules/@types/styled-components/index.d.ts'. File 'C:/Users/boh00/github/apollo-todolist/node_modules/@types/styled-components/index.d.ts' exist - use it as a name resolution result. Resolving real path for 'C:/Users/boh00/github/apollo-todolist/node_modules/@types/styled-components/index.d.ts', result 'C:/Users/boh00/github/apollo-todolist/no de_modules/@types/styled-components/index.d.ts'. ======== Type reference directive 'styled-components' was successfully resolved to 'C:/Users/boh00/github/apollo-todolist/node_modules/@types/styled-components/in dex.d.ts' with Package ID '@types/styled-components/index.d.ts@5.1.15', primary: true. ========

• 타입스크립트
• 앰비언트

타입 가드의 정의

해결됨

타입스크립트 입문 - 기초부터 실전까지

안녕하세요 강사님:) 타입 가드에 대해 질문이 있어 글을 남깁니다. 우선 핸드북에는 타입 가드에 대한 자료가 없어 타입스크립트 한글 공식 문서 를 봤습니다. 여기서는 타입 가드에 대한 정의가 " 타입 가드는 스코프 안에서의 타입을 보장하는 런타임 검사를 수행한다는 표현식입니다." 라고 나와있고, 강의에서 예시로 들어주신 'target is Developer' 와 같은 표현식 외에도 typeof 연산자와 in 연산자도 타입 가드의 방식으로 표현되어 있더라구요. 그렇다면 타입가드 라는 것이 그냥 런타임에서 타입 에러가 나지 않게 보장해주는 방법 중 하나라고 보면 될까요?

• 타입가드
• 타입스크립트
• es6
• javascript
• typescript

타입추론에 대해서 궁금한점이 있습니다.

미해결

타입스크립트 입문 - 기초부터 실전까지

안녕하세요 선생님 항상 강의를 잘 듣고있습니다! 배열안에 `number`타입과 `null` & `undefined`가 혼합되어 있어도 `number[]`로 추론이 되는건가요?

• 타입스크립트
• javascript
• 타입추론
• typescript
• es6

권한 허가 부탁드립니다.

미해결

vue-advanced 리포지터리 권한요청합니다 Github ID : jwoojun 인프런 ID : jj9w1@naver.com

• 캡틴판교
• 교
• 장기효
• vue
• 타입스크립트

완강하고 다음 코스에 대한 질문!

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

안녕하세요! 저는 이번 강의를 완강한 취준생입니다! 다름이 아니라 이번 강의를 수강하고 커리큘럼에 따라 다음 강의(웹팩)를 진행하려고하는데 그런데 캡틴판교님께서 새로운 커리큘럼(Vue + TypeScript)를 만드신거 보고 고민이 되어 질문드립니다! 1. 웹팩하고 타입스크립트의 차이 또는 관계가 무엇인가요?? 2. 실무에서는 웹팩과 타입스크립트 어느것이 더 많이 쓰이거나 중요할까요? 3. 돈과 시간이 허용되는 범위에서 웹팩, 타입스크립트 강의 모두 수강하게 된다면 어떻게 수강하는 게 나을까요?

• 존잘캡틴판교
• 웹팩
• 웹팩
• vuejs
• vuex
• 타입스크립트
• es6
• javascript

이건.. 강의대한 질문은 아니지만...

미해결

Slack 클론 코딩[백엔드 with NestJS + TypeORM]

혹시 타입스크립트에 대한 강의는 앞으로 생각 있으신가영??

• 타입스크립트
• express
• nodejs
• NestJS
• TypeORM

유니온 타입의 장점

미해결

타입스크립트 입문 - 기초부터 실전까지

유니온 타입의 장점 에서 전달받는 value를 any로 써도 똑같이 추천 api/메서드로 숫자나 string 관련 api가 나오던데 유니온타입의 장점이라기보단 if 문 안에 조건이 평가되서 (typeof value === 'number') 그에 따른 메서드를 추천해주는 타입스크립트의 장점이 아닌가요?

• 타입스크립트
• es6
• javascript
• typescript

안녕하세요! 타입스크립트 관련 질문있습니다. ㅎㅎ

미해결

Slack 클론 코딩[실시간 채팅 with React]

타입스크립트에서 함수컴포넌트를 만들때 const Test: React.FC = () => {} 이런식으로 작성하는것을 많이 보았는데 const Test = () => {} 이런식으로 React.FC을 생략해주는것이 좋은방식인가요???

• 타입스크립트
• babel
• react
• typescript
• Socket.io
• 웹팩
• 클론코딩

프론트단에 질문이 있습니다

미해결

Node.js에 TypeScript 적용하기(feat. NodeBird)

백엔드 노드쪽 타입과 함께 프론트쪽도 타입스크립트로 하고 있는데 기존 react-nodebird의 _app.js 나 index파일이랑 ts-nodebird의 _app.tsx, index 파일들을 보면 코드구조가 다르거나 추가되는 것들이 있는데 코드가 다른 이유가 있는건가요? 프론트에 타입스크립트 적용하려면 ts-nodebird 기준으로 하면 될까요?

• 타입스크립트
• typescript
• nodejs
• 웹앱
• front
• ts-nodebird
• typescript