C.W.K.
Stream
Lesson 04 of 05 · published

다음은: React 19, Next.js, Chrome Extensions

~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 읽을 수 있어. 이제 context 에 읽어."

Follow-on quest

TypeScript Quest 가 foundational. 언어 가르침. 다른 quest 가 특정 context 에 그 언어로 뭐 할지 가르침:

  • React 19 Quest — React 의 component 모델, hook, Server Component, Action, 깊이. TS fluency 가정.
  • Next.js Quest — App Router, server component, server action, deployment 와 full-stack TS.
  • Chrome Extensions Quest — 브라우저 extension context (manifest, background worker, content script) 의 TS.
  • Node.js Quest — 서버의 TS, Express/Hono/Fastify, deployment 패턴.
  • Solo Auth Quest — TS 의 auth 패턴, OAuth, session 관리.
  • WebSocket Quest — real-time TS, 브라우저와 서버 둘 다.

어느 거 먼저 walk

너가 뭐 빌드하고 싶은지에 달림:

  • Frontend 앱 → React 19 Quest, 그다음 Next.js Quest.
  • 처음부터 full-stack → Next.js Quest 가 둘 다 cover.
  • 브라우저 tool → Chrome Extensions Quest.
  • Backend service → Node.js Quest.
  • Real-time → WebSocket Quest (위 중 하나와 자주 쌍).

누적 경로

대부분 learner 가 Python Quest → TypeScript Quest → 1-2 framework quest walk. 그 시점에 cwkPippa 대부분 읽고 비슷한 시스템 자기가 빌드 가능. 남은 quest 가 특화 도메인 (AI math, ML foundation, deep-learning 등) 채움 — 프로젝트 필요에 match 하는 거 추구.

Quest 경로가 의도적으로 모듈식. TypeScript Quest 가 기초; 각 follow-on 이 basics 재설명 안 하고 위에 빌드. 시스템이 깊이 보상 — 실제 쓸 거 walk, 나머지 나중에.

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 catalog 봐. 너가 walk 하고 싶은 다음 quest 골라. 그것의 long description 읽어. TypeScript fluency 가 시작에 충분한지 확인 (그래야 — TS 쓰는 모든 quest 가 이거 끝냈거나 동등 fluency 있다고 가정).
Hint
Catalog 에 각 quest 의 prerequisite list. TypeScript Quest 가 여러 framework quest 의 prerequisite. 이거 끝내면 다음 layer 가 너의 것.

Progress

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

댓글 0

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

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