Kuest AI

무엇이든 무료로 공부하세요

무료로 시작하기

AI로 TypeScript를 10배 빠르게 배우세요

막히는 타입 오류를 붙여 넣으세요. Kuest가 오류를 읽는 법을 돕고, 의도한 타입이 무엇인지 물은 뒤 해결 방법을 설명해 드립니다.

817,000+명의 학생이 이미 Kuest로 공부하고 있어요

주제
9
컴파일 결과
JavaScript
먼저 배울 것
JavaScript
함께 사용
React, Node.js, Angular

Kuest의 가르치는 방식 보기

답을 알려주기 전에 질문하므로, 스스로 생각하고 더 오래 기억하게 돼요.

나: const user = users.find(u => u.id === id); console.log(user.name);에서 'user' is possibly 'undefined'가 발생해요. 왜 그런가요?
Kuest: 일치하는 항목이 없을 때 find가 무엇을 하는지 생각해 보세요. 그때는 무엇을 반환하나요?
나: 아마 undefined요. 그 id를 가진 사용자가 없으면 반환할 것이 없으니까요.
Kuest: 맞아요. 그래서 반환 타입은 User | undefined예요. undefined에서 .name을 읽으면 런타임에 어떤 일이 일어날까요?
나: TypeError가 나면서 충돌할 거예요. 그러니 TypeScript가 그 일이 생기기 전에 경고하는 거네요.
Kuest: 정확해요. 그 경우를 처리했다고 TypeScript에 어떻게 알려줄 수 있을까요?
나: 먼저 확인하면 돼요: if (!user) return; 그다음 user.name은 안전해요. undefined를 기록해도 괜찮다면 user?.name을 사용할 수도 있어요.

find는 T | undefined를 반환하므로, 결과를 사용하기 전에 검사 또는 ?.로 타입을 좁히세요.

Kuest와 함께 집중하는 학생들

명의 학생
817,000+
개국
100+
  • 화학 성적 C에서 A로

    “답을 베끼는 대신 정말 이해하기 시작했어요. 한 학기 만에 화학 성적이 C에서 A가 됐어요.”

    고등학교 3학년, 텍사스
  • 3시간 → 40분

    “노트가 몇 초 만에 퀴즈로 바뀌어요. 예전에는 밤새 걸리던 일이 이제는 드라마 한 편 보는 시간밖에 안 걸려요.”

    고등학교 2학년, 캘리포니아
  • 드디어 SAT 준비 완료

    “계획이 매일 무엇을 해야 하는지 정확히 알려줬어요. 처음으로 마음 편히 시험장에 들어갔어요.”

    고등학교 3학년, 뉴욕
  • 절대 단계를 건너뛰게 하지 않아요

    “처음엔 귀찮았지만 시험 날엔 정말 큰 도움이 됐어요. 이제는 이거 없이도 모든 문제를 풀 수 있어요.”

    오하이오주 9학년 학생
  • 과외 선생님보다 좋아요

    “자정에도 도와주고, 참을성 있고, 예전 과외 선생님 한 번 수업보다도 저렴해요.”

    플로리다주 대학 1학년생
  • 94일 연속 기록 중이에요

    “퀘스트는 10분이면 돼요. 버스에서 해요. 어쩌다 보니 이제는 제가 친구들에게 생물을 설명해 주고 있어요.”

    일리노이주 11학년 학생
  • 드디어 스페인어가 이해됐어요

    “튜터와 소리 내어 말하니 1년 수업을 듣는 것보다 발음이 더 빨리 좋아졌어요.”

    애리조나주 10학년 학생
  • 하룻밤 만에 부족한 부분을 찾았어요

    “갭 체크를 해 보니 몰 개념을 한 번도 제대로 이해하지 못했다는 걸 알았어요. 15분 만에 해결했죠.”

    조지아주 11학년 학생
  • 학부모입니다: 밤 9시 멘붕은 이제 끝

    “제가 미적분을 기억하는 척하지 않아도 아이가 제대로 도움을 받고, 매주 진도도 확인할 수 있어요.”

    워싱턴주 학부모

학습 방법

Kuest로 TypeScript 공부하는 방법

TypeScript는 JavaScript 기초가 탄탄하면 이해하기 쉬우므로, 이미 이해한 코드 위에서 타입을 배우세요. 컴파일러 오류는 첫 줄부터 천천히 읽고, 기대한 타입과 TypeScript가 추론한 타입을 비교해 보세요. 좁히기와 제네릭은 자연스럽게 느껴질 때까지 작은 예제로 연습하세요.

  1. JavaScript를 바탕으로 배우기튜터 채팅

    객체, 콜백, fetch 호출처럼 알고 있는 JavaScript 패턴에 어떻게 타입을 지정하는지 물어보세요.

  2. 타입 오류 해석하기사진 찍기

    오류와 그 주변 코드를 붙여 넣거나 에디터 화면을 찍어 보내세요. Kuest가 TypeScript가 말하는 내용을 읽도록 도와드립니다.

  3. 타입의 관계 살펴보기학습 보드

    티칭 보드로 유니온, 좁히기, 제네릭 타입 매개변수가 함수를 거쳐 흐르는 모습을 도식화하세요.

  4. 타입 예측하기퀴즈

    검사 후 변수의 타입이 무엇인지, 또는 한 줄의 코드가 컴파일되는지 묻는 퀴즈를 풀어 보세요.

  5. 문법 가까이에 두기플래시카드

    유틸리티 타입, 제네릭 문법, tsconfig 옵션을 간격 반복 플래시카드로 복습하세요.

  6. 약점 집중 공략하기취약점 찾기

    Kuest가 제네릭이나 좁히기처럼 계속 틀리는 주제를 찾아내고, 그 부분을 연습하도록 하세요.

배울 내용

주제를 탭해 지금 바로 배워 보세요.

  1. 01타입과 컴파일러의 이유tsc가 무엇을 검사하고 TypeScript가 JavaScript로 어떻게 컴파일되는지 알아보세요
  2. 02기본 타입과 타입 표기변수, 매개변수, 반환값에 타입을 표기하고 나머지는 타입 추론에 맡기세요
  3. 03객체, 타입 별칭, 인터페이스type과 interface로 객체 형태를 설명하고 둘 중 무엇을 쓸지 선택하세요
  4. 04유니온 타입과 좁히기|로 타입을 결합하고 typeof, in, 동등성 검사로 타입을 좁히세요
  5. 05null, undefined, strict 모드! 대신 검사, ?., ??를 사용해 undefined일 수 있는 값을 처리하세요
  6. 06함수와 오버로드콜백, 선택적 매개변수, 서로 다른 타입을 반환하는 함수에 타입을 지정하세요
  7. 07제네릭<T>와 extends 같은 제약 조건으로 재사용 가능한 함수와 타입을 작성하세요
  8. 08유틸리티 타입Partial, Pick, Omit, Record로 타입을 변환하세요
  9. 09실제 프로젝트 타입 지정React props, API 응답, 모듈에 타입을 지정하고 tsconfig.json을 구성하세요

이렇게 물어보세요

질문을 탭하면 Kuest가 단계별로 가르쳐 드려요.

준비를 도와주는 시험

  • 웹 개발 과정
  • 부트캠프와 프로젝트 작업

Kuest 한 달 이용료는 개인 튜터 1시간 비용보다 저렴해요

똑같은 인내심으로, 언제든, 모든 과목을. 또는 무료 플랜을 계속 이용하세요.

개인 튜터

$40–801시간 기준

  • 며칠 전에 미리 예약
  • 세션당 한 과목
  • 1시간이 끝나면 종료

Kuest Plus

$10월간, 연간 결제

  • 이 사이트의 모든 과목과 시험
  • 필요한 만큼 언제든
  • 퀴즈, 플래시카드, 팟캐스트, 모의고사

궁금한 점, 답해 드려요

다음 학습 세션을 여기서 시작하세요

영구 무료 플랜. 카드 등록 불필요.

무료로 시작하기