TypeScript 실무 캠프: 타입으로 완성하는 실전 코드

에러를 넘어 설계를 리드하는 시니어의 감각

강사

코딩문

강의

19강

시간

6h 57m

수강기간

무제한

레벨

초중급

정가

155,000원

총 결제 금액

155,000원

적립 예정

4,650P

강의 소개

강사

커리큘럼

수강 후기

아직도 any 쓰고 있나요? 진짜 TypeScript는 지금부터 시작입니다.

타입으로 완성하는 실전 코드 설계 실무

TypeScript 실무 캠프:
타입으로 완성하는 실전 코드

데이터 흐름과 예외 상황까지 제어하는
실무형 도메인 설계 실습

문법은 배웠는데, 그래서 설계를 어떻게 시작하죠?

컴파일러는 에러를 잡고, 개발자는 흐름을 결정해야 합니다.

차별점 1

문법이 아니라, 설계 감각을 깨웁니다

현실의 복잡한 요구사항을
타입 시스템으로 번역하는 실전 훈련

01 비즈니스 로직을 타입으로 번역하는 힘

단순한 기능 구현을 넘어 전체 데이터의 흐름을 파악

복잡한 도메인을 타입 레벨에서 안전하게 모델링

02 런타임 에러를 차단하는 실전 검증

주입이 아닌 논리적 인과관계 추적

불가능한 상태를 설계 단계에서 원천 봉쇄

03 협업을 위한 단단하고 우아한 설계

읽기 쉽고 고치기 쉬운 코드 아키텍처 수립

팀의 생산성을 높이는 일관된 타입 가이드라인 제시

차별점 2

TS는 도구일 뿐, 핵심은 인사이트입니다

단순히 타입을 적는 기술자가 아닙니다.
프레임워크의 한계를 넘는 실무 엔진을 체득합니다.

01 명세서에서 시작하는 요구사항 개발

기획자의 티켓을 분석하고 데이터 모델을 직접 설계

프레임워크 뒤에 숨겨진 본질적인 동작 원리 이해

02 고급 타입을 활용한 생산성 자동화

Mapped/Template Types로 반복적인 타입 정의 제거

infer와 제네릭으로 동적이고 유연한 유틸리티 구축

03 변하지 않는 설계 원칙, 스냅샷 패턴

시간이 지나도 데이터의 신뢰성을 유지하는 고정 타입 설계

대규모 시스템에서도 무너지지 않는 단단한 도메인 완성

타입을 '입력'하는 시간보다
'의심'하는 시간이 더 길지 않나요?

빨간 밑줄이 사라졌다고 안심하는 순간,
진짜 버그는 런타임으로 숨어듭니다.

컴파일 에러는 없는데, 왜 내 앱은 런타임에서 자꾸 터지는 걸까?

요구사항 하나 바뀔 때마다 전체 타입을 다 수정해야 할까?

이 복잡한 비즈니스 로직을 어떻게 타입으로 모델링해야 할까?

이런 분께 강력 추천합니다 👍

문법 너머의 '설계 벽'에 부딪힌 개발자

기본 문법과 이론은 빠삭하지만,
현업에서 복잡한 도메인 설계를 마주하면 머릿속이 하얘지시는 분

'any'와 'as'라는 시한폭탄을 안고 코딩하는 분

타입 에러를 피하기 위해 습관적으로 any를 쓰거나 as(Assertion)로
컴파일러를 속이며 런타임 에러의 공포를 느끼시는 분

프레임워크의 편리함에 매몰된 성장의 정체기

React나 Next.js가 감춰둔 복잡한 구조 탓에,
정작 타입 정의의 원리와 본질을 이해하지 못해 답답함을 느끼시는 분

이 강의를 듣고 나면

BEFORE

코드는 돌아가지만,
늘 런타임이 불안했습니다

빨간 줄을 지우는 데만 급급해 아키텍처는 뒷전
런타임 에러가 터지지 않길 기도
모든 타입을 수동으로 수정하며 시간을 낭비

AFTER

타입으로 시스템을 리드하는
설계자가 됩니다

불가능한 상태를 코드 레벨에서 원천 차단
어떤 외부 데이터도 안전하게 처리
반복적인 타입 정의를 자동화하고 유연하게 대처

코딩문 강사님

경력

현) Accedo, 시니어 SW 엔지니어
전) SalesForce, Full Stack 엔지니어
전) T4G, SW Developer
글로벌 대규모 시스템 설계 참여

주요 전문 분야

JavaScript / TypeScript / Go 언어 스페셜리스트
대규모 비동기 비디오 스트리밍 시스템 아키텍처 설계
주니어 개발자 온보딩 및 실무 최적화 멘토링
기술 면접관 경험 기반의 실무 문제 해결 전략 전수

이 강의를 적극 추천하는 이유

‘코드의 격이 달라지는’ 경험

단순히 에러를 잡는 데서 끝나지 않고,
비즈니스를 타입으로 설계하는 법을 깨달았습니다.

감에 의존하던 코드 작성이 아니라,
명확한 설계 원칙과 근거를 바탕으로 선택하게 됩니다.

타입 안정성이 확보되니 리팩토링이 두렵지 않고,
팀원들과의 코드 리뷰 시간이 훨씬 짧아졌습니다

커리큘럼

총 6시간 57분 | 19개 차시 | 온라인 VOD

01차시 오리엔테이션

실무 설계 감각을 기르기 위한 학습 방향과 코드샌드박스 개발 환경 구축

02차시 Any vs Unknown

런타임 에러를 방지하기 위해 any를 지양하고 unknown으로 타입을 안전하게 좁히는 법

03차시 배열과 Tuple

요소의 순서와 길이를 엄격하게 보장하여 데이터 구조의 의미를 명확히 하는 튜플 활용법

04차시 Template Literal

문자열 조합을 타입 레벨에서 자동화하여 API 엔드포인트와 권한 시스템을 안전하게 정의하는 기술

05차시 Interface vs Type Alias (1)

확장 메커니즘과 선언 병합 등 실무 관점에서의 명확한 타입 선택 기준 수립

06차시 Interface vs Type Alias (2)

API 응답 데이터를 바탕으로 계층적 구조와 유니온 패턴의 리팩토링 실습

07차시 Generic Function

타입 파이프라인의 핵심인 제네릭을 통해 코드 중복을 제거하고 재사용성을 극대화하는 법

08차시 Generic Class

자료 구조와 상태 관리 영역까지 제네릭을 확장하여 범용 캐시 매니저 설계하기

09차시 Mapped Types

기존 타입의 속성을 일괄 변환하여 API 응답 데이터 가공 생산성을 높이는 부스터 패턴

10차시 Conditional Types (1)

extends와 infer 키워드로 입력 타입에 따라 결과를 동적으로 분기하는 원리 습득

11차시 Conditional Types (2)

런타임 체크를 타입 시스템과 통합하여 예외 없는 비동기 상태 관리 구현하기

12차시 Helper Types

Pick, Omit 등 내장 유틸리티 숙달과 비동기 데이터 추출을 위한 커스텀 헬퍼 제작

13차시 데이터 모델링 (1)

여러 개의 플래그 변수 대신 태그 유니온을 사용하여 불가능한 상태 원천 차단하기

14차시 데이터 모델링 (2)

이커머스 결제 및 배송 시스템을 사례로 복잡하게 얽힌 도메인 객체 관계 설계

15차시 실전 프로젝트 준비

Vite 기반의 프로젝트 셋업과 프레임워크 없이 바닐라 TS로 설계하는 뼈대 구축

16차시 실전 프로젝트 (기본)

기획 명세서를 분석하여 TIL 아이템의 데이터 모델링과 DOM 인터페이스 연결

17차시 실전 프로젝트 (검색)

원본 데이터를 훼손하지 않는 실시간 검색 기능과 이벤트 위임 기반의 필터링 구현

18차시 실전 프로젝트 (저장)

제네릭 스토리지 클래스를 설계하여 데이터 영속성과 임시 저장 상태 관리 적용

19차시 솔루션 리뷰

관심사 분리와 타입 안정성 관점에서 코드를 리뷰하며 우아한 설계 마인드셋 정립

강사

코딩문

현재 Accedo의 시니어 SW 엔지니어로, SalesForce와 T4G에서의 경력을 바탕으로 NBC, CBC, Paramount+ 등의 대규모 비디오 스트리밍 시스템 설계에 참여했습니다. 자바스크립트, 타입스크립트, Go에 전문성을 가지고 있으며, ‘코딩문’ 유튜브 채널을 운영 중입니다. 주니어 개발자 멘토링과 기술 면접관 경험을 통해 실무 문제 해결 능력을 갖추었습니다. 이 강의를 통해 여러분의 시스템 디자인 이해와 실무 적용 능력 향상을 돕고자 합니다.

경력
현) Accedo, 시니어 SW 엔지니어
전) SalesForce, Full Stack 엔지니어
전) T4G, SW Developer

주요 정보
자바스크립트, 타입스크립트, Go 언어 스페셜리스트
코딩문 유튜브 채널 운영, @codingmoon
주니어 온보딩 및 멘토링 담당
기술 면접관으로 활동 중

커리큘럼

1차시 인트로: 오리엔테이션