본문 바로가기
C.W.K.
Stream
Lesson 04 of 05 · published

다음 걸음: 만들 프로젝트에서 깊이 선택하기

~7 min · ts-epilogue, next-steps, follow-on-quests

Level 0Curious
0 XP0/93 lessons0/23 achievements
0/100 XP to next level100 XP to go0% complete
"TypeScript 문법을 한 바퀴 돌았으니 이제 실제로 만들 것의 문맥 안에서 다시 써 볼 차례야."

목적에 따라 다음 주제 고르기

상호작용이 많은 화면을 만들고 싶다면 React에서 컴포넌트 상태, 접근성, 폼, 데이터 흐름을 더 깊게 다뤄. 서버 렌더링과 라우팅, 배포까지 필요하면 현재 Next App Router의 경계와 캐시, 서버·클라이언트 분할을 이어서 배워.

브라우저 확장 프로그램은 manifest, 서비스 워커, 콘텐츠 스크립트 사이의 메시지 계약이 핵심이고, 서버 서비스는 HTTP 입력 검증, 저장소, 인증, 관측과 배포가 중심이야. 실시간 기능은 WebSocket 연결 수명과 재연결, 순서 보장을 별도로 요구하지.

프레임워크 이름보다 완성할 흐름

과정 목록을 많이 모으기보다 작은 기능 하나를 끝까지 만들어. 입력을 받고, 검증하고, 상태를 바꾸고, 오류를 보여 주고, 테스트와 배포에서 같은 동작을 확인해. 이 과정에서 만난 타입 문제가 다음 학습 주제를 골라 준다.

공식 문서의 현재 버전을 기준으로 예제를 확인해. 프레임워크의 캐시 기본값이나 라우트 props처럼 버전에 따라 달라지는 사실은 오래된 강의보다 설치한 버전의 문서와 타입 정의가 더 믿을 만해.

누적 학습 경로

보통 Python Quest에서 TypeScript Quest로, 이어서 실제로 쓸 프레임워크 Quest 한두 개로 나아가. 그 단계면 cwkPippa의 대부분을 읽고 비슷한 시스템을 만들 수 있고, 나머지 Quest는 AI 수학이나 ML처럼 프로젝트가 요구하는 전문 영역을 채워.

다음 단계는 더 많은 문법이 아니라 하나의 실제 흐름을 운영 가능한 끝까지 가져가는 일이야. 프로젝트가 요구하는 깊이를 따라 학습 순서를 정해.

Code

권장 quest 경로·text
Full-stack TS 권장 경로:
  Python Quest         (~26h, backend 언어)
  TypeScript Quest     (~28h, frontend 언어) ← 여기야
  React 19 Quest       (~35h, component)
  Next.js Quest        (~42h, full-stack 패턴)

Backend 전용 권장 경로:
  Python Quest         (~26h)
  TypeScript Quest     (~28h)
  Node.js Quest        (~9h)

브라우저 tool 권장 경로:
  TypeScript Quest     (~28h)
  Chrome Extensions    (~19h)

creativeworksofknowledge.com/cwk-quests 의 Quest catalog 에
prerequisite graph 와 함께 full list.

External links

Exercise

Quest 목록에서 다음에 만들고 싶은 것과 가까운 하나를 골라 긴 설명과 선행 지식을 읽어. 지금의 TypeScript 실력이 시작 조건을 충족하는지 실제 예제 하나로 확인해.
Hint
각 Quest의 선행 목록은 시작점을 알려 줘. TypeScript를 전제로 하는 Quest라면 이곳에서 배운 경계와 좁히기를 바로 사용하게 될 거야.

Progress

Progress is local-only — sign in to sync across devices.
이 페이지에서 버그를 발견하셨거나 피드백이 있으세요?문제 신고

댓글 0

🔔 답글 알림 (로그인 필요)
로그인댓글을 남기려면 로그인해 주세요.

아직 댓글이 없어요. 첫 댓글을 남겨보세요.