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

Have you ever thought about building a 'real system' beyond simply rendering screens? The real problem many developers commonly face is something else entirely. It's the limitation of a 'fake full-stack'—where things look plausible on the surface, but data synchronization frequently tangles, speed is frustrating, and you lose track of where to even start when just a few features are added. This isn't a problem that can be solved by simply memorizing one more Next.js feature. This course will resolve that frustration from the roots. Encyclopedia-style classes that just list features are boring, aren't they? Instead, we have tightly integrated the fundamental principles of Computer Science (CS) with the advanced architecture of Next.js. We will directly transplant into your fingertips the enterprise-level design skills required to flexibly withstand millions of visitors and maintain perfect data consistency.

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.

Real-world practice is harsh. I will perfectly pass down my essence of optimization—designed to maintain a smooth user experience even in extreme environments where tens of thousands of real-time data points pour in—through a meticulous mission system. Go beyond simply being someone who writes code and leap forward into an irreplaceable senior engineer who orchestrates performance through the principles of the engine.

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.

Let's learn together the official React documentation that has been renewed in 2023.

This is a course where you will build a map service from scratch using the MERN stack (feat. TypeScript). Let's build it step-by-step while following the official API documentation.

Practice REST API and GraphQL while creating a simple SNS service based on React. We introduce how to easily and simply create a backend environment for frontend development.

This is a full-stack hands-on course where you will implement a ChatGPT clone from scratch. From Spring Boot server to React frontend | Neo + Essential This is not just a course where you simply follow along with the code; it guides you through actual service deployment so you can build a high-quality AI chatbot service.

A full course on Next.js you can sink your teeth into! Complete a real-world project using the latest technologies such as GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, and Grafana, and experience both the App Router and Page Router.

In this course, you will learn how to create a chatbot using the API provided by Google.

Through this course, you will learn not only concepts such as React and Node, but also how to practically create a website.

Build a fully functional smart farm platform that integrates sensor data collection, MQTT communication, web dashboards, and AI-driven environmental analysis. Experience the entire process of agricultural digital transformation (DX) through a hands-on project, covering everything from IoT sensor integration and FastAPI/Spring-based API servers to React/Vue dashboard development and cloud deployment.

This course is a full-stack level frontend project course that focuses on implementing Notion from start to finish using Vanilla JavaScript, going beyond simple UI cloning to deeply understand the internal operating principles. You'll implement all the core features of a real note-taking app using vanilla JS, including sidebar tree, nested document creation, auto-save, routing, trash, favorites, search modal, settings modal, theme switching, Export/Import, keyboard shortcuts, responsive layout, drag resize, and more. The goal is to solidly learn browser standard behaviors (event bubbling, DOM tree, local storage, Blob, FileReader, hash routing, etc.) that you must know before frameworks like React and Vue, so you can completely understand "why it works this way" and build the skills to debug effectively.

Developing an AI Safety Report Service with React + Spring AI The 5th Neo + Essential project lecture is about building a Safety Report system, an idea for improving government systems!

Create your own visual novel game using React, Javascript, SpringAI, and Springboot. Learn how to make a web-based visual novel game with SpringAI and React! Neo + Essential

This course includes both server (Java+Springboot) and front-end (React, ReactNative, Flutter, Android, iOS) development. Experience building a full-stack bulletin board with this course.

In the era of swift execution and validation, execute faster than anyone with VIBE Coding! Achieve complete monetization, from ads to payments, all by yourself.

"Next.js Master Class: Part 3 - Completing Real-World Architecture" goes beyond tutorial-level projects that only run locally; it is a guide to designing "real production" architectures capable of handling massive traffic. It covers all the core technologies used in the industry, from flawless state synchronization combining TanStack Query and Zustand, to Turbopack-based bundle optimization under 100KB, advanced SEO injection, and building ironclad full-stack security networks using proxies and JWT sessions. I strongly recommend this course to those who want to overcome tedious hydration errors and CORS barriers on their own, moving beyond being a simple coder to becoming a "Senior Architect" who commands the entire frontend system.

Based on the experience of wondering how facial recognition works in offline environments on-site, this course will guide you through building the basic structure of a facial recognition-based access and attendance management system using React + Electron and Python's FastAPI-based DeepFace. Rather than focusing on perfection, we focus on understanding the operating principles and laying the foundation for you to expand into your own personal projects.

This course covers the entire Critical Rendering Path (CRP) process, from the moment the browser receives HTML to create the DOM, to combining it with the CSSOM and painting pixels on the screen. Moving beyond simple DOM manipulation, you will learn how CSS and JS impact performance, as well as practical strategies to noticeably improve real-world web performance—including image and font optimization, Lazy Loading, Intersection Observer, virtual lists, and hands-on practice with DevTools.