인프런 - 라이프타임 커리어 플랫폼

By creating representative UI elements in React and pure JavaScript versions, you can experience various perspectives and methods using Web APIs and further improve your front-end development skills.

This is a highly concentrated Typescript grammar lecture that will turn you into a Typescript grammar expert with just one lecture, even if you don't know anything about Typescript.

How to Use Storybooks A to Z. We show you everything about storybooks.

Next.js 15's App Router is a powerful architecture for building high-performance web services by providing complete control over the boundaries between server and client. This course clearly connects complex rendering mechanisms—from the operational principles of React Server Components (RSC) to the three major caching strategies (Static, Dynamic, and ISR)—through 12 practical missions. Through this, you will gain the ability to design file-system routing and nested layouts to meet business requirements, completely breaking free from the anxiety of "vibe coding" where you copy code without understanding the underlying principles. Ultimately, you will transform into a Next.js architect who can instantly spot the blind spots in AI-generated code and proactively direct the optimal structure.

By creating representative UI elements in React and pure JavaScript versions, you can experience various perspectives and methods using Web APIs and further improve your front-end development skills.

Learn the latest Next.js with the official documentation. Understand why Next.js is needed as a problem-solving tool!

Have you ever felt frustrated while studying React? We provide a path to React that you won't give up on, by first solidifying the fundamentals of JavaScript, which is the foundation of React, and then learning step-by-step.

I recommend this to those who want to learn how to easily create and distribute Android apps, Windows apps, and iOS apps. We will teach you the basics of TypeScript rather than JavaScript and Angular!

This course aims to help even those new to Astro complete a live, deployed blog within one hour. We minimize theoretical explanations and focus on copy-and-paste ready code and step-by-step checkpoints. By the end of the course, 👉 You won't just be someone who "has tried Astro," 👉 You will be someone who "has a blog built with Astro."

This is an introductory course that focuses on learning TypeScript's core syntax through hands-on practice to improve type safety and code readability. You'll learn through real code examples, from project environment setup to interfaces, generics, and utility types.

React and Three.js in one go! Learn everything from Vectors to GSAP, the basics of interactive web development. Plus, tips and tricks for integrating three examples into a single portfolio!

We will teach you everything from basic concepts to situational test writing methods and advanced testing knowledge so that you can master everything about front-end unit testing.

React and Three.js in one go! From 3D basics to projects applicable in the field, and even optimization tips!

A course to learn the latest Node.js backend REST API using fastify, a Node.js framework boasting high speed, ORM Prisma, and Typescript.

Take advantage of TypeScript's features!

How are you using TypeScript, the standard of Node.js? If you only add type annotations, it is not real TypeScript. I prepared everything because I don't know what you will like. Let's learn TypeScript A to Z :)

Have you ever felt frustrated while studying React? We'll help you build a solid foundation in the basics of JavaScript, which is the foundation of React, and then learn step-by-step, so you can open the way to React without giving up.

We solve the fundamental problem of losing control amidst AI-generated fragmented code and the complex React ecosystem by opening the hood and engineeringly analyzing the internal workings of core React libraries such as Zustand, TanStack Query, React Hook Form, Zod, and the React Compiler. By moving beyond simple tool usage and mastering how to directly manipulate the performance and data flow of the React engine, you will build the solid 'enterprise architecture design muscle' necessary to respond immediately to any crisis.

When you're doing backend development, at some point you face this dilemma. As services grow and traffic increases, there comes a moment when simple REST communication and CRUD structures feel limiting. I experienced the same problem in real-world work and went through many trials and errors between performance and structural complexity. The solution I chose in that process was NATS. Its simple configuration based on a single binary, ultra-low latency performance in microseconds, and the fact that it provides just the right amount of essential features for real work—from Pub/Sub to Queue Groups and JetStream—made it a very practical choice in actual service environments. This course is not about listing NATS features. Based on the problems I faced in real work, I explain with code and flow diagrams which situations led me to choose NATS, why, and how I designed the architecture. This is a course designed to help everyone—from those new to messaging systems, to backend developers preparing for jobs, to senior developers contemplating better architectures—understand distributed systems and grow to the next level.

Now it's time to take on a real-world challenge 🔥 We will develop a production-grade SNS using React.js + TypeScript + Supabase, building features such as authentication & authorization, infinite scroll, image uploads, likes, infinitely nested comments, and dark mode. In the process, we will also explore server and global state management techniques using Zustand and Tanstack Query.