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

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.

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!

3D Globe Article Service with ThreeJS and SpringAI | Neo + Essential Create your own 3D globe article service using your personal chatbot and ThreeJS!

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.

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.

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.

No matter how much you study React, Next.js, or Vue, if the code feels abstract and the structure isn't clearly understood, the root cause might be a lack of understanding of DOM. DOM is the foundation of all frontend frameworks and the entity that connects the structure and behavior of web pages. This lecture goes beyond simple selectors or manipulation methods, teaching step-by-step from the very beginning how HTML transforms into DOM objects and how to select, traverse, and manipulate this structure. It is the Part 1 introductory lecture of 'Complete DOM Mastery'. HTML tags are just structure, and JavaScript is just behavior, but DOM is the core that connects the two. If you clearly understand this connection, you'll be able to precisely grasp the true structure and flow within any framework you use.

In this course, we will practice step-by-step how to use React and FastAPI to implement social features such as real-time voting, comments, and likes, as well as how to monetize by integrating payment systems (Kakao Pay, Toss Pay, etc.).

Solidify your foundation in Python/Django web service development. Learning Django takes time, but you can maximize your productivity through iterative development. Turn your imagination into reality.

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

Learn how to implement integrated regular and social logins using Spring Boot and React. Build a login system in both MPA and SPA environments and practice JWT and OAuth2 authentication. Understand and implement the entire login flow through example projects applicable directly to real-world scenarios.

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

The Next.js 15 App Router is a powerful architecture for building high-performance web services by perfectly controlling the boundary between server and client. This course clearly connects complex rendering mechanisms—from the operating 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 according to business requirements, completely breaking free from the anxiety of "vibe coding" where you copy code without understanding the principles. Ultimately, you will evolve into a Next.js architect who can instantly spot the blind spots in AI-generated code and proactively direct the optimal structure.

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.

This course goes beyond simple DOM manipulation to provide an in-depth look at how to dynamically construct and respond to web UIs within real-world user interactions. It is designed to help you master common professional challenges by directly implementing the essence of the event system, bubbling and capturing, event delegation, real-time UX feedback, and performance optimization using throttle & debounce. Based on an understanding of the DOM tree structure, you will develop the ability to flexibly connect event flows with state changes.

From development to distribution! We will show you the arduous journey to complete a single service without filtering. You will be able to overcome the difficulties and difficulties by introducing a lot of new technologies!

Build and deploy community applications using the MERN Stack (MongoDB, Express, React, Node + Firebase)

This course is a systematic learning process for general login, social login, and JWT-based token authentication using Spring Boot 3, Spring Security 6, and React. It covers building OAuth2 social login and security-enhanced JWT authentication systems in both MPA and SPA environments, while addressing overall security practices such as XSS/CSRF countermeasures, HTTPS application, token reissue and revocation strategies, and secure secret key management. You will practice configuring production-level environments, including building and deploying via AWS and performance optimization using Redis. Through the completed project source code provided in the course, you can understand the entire login flow and apply it directly to real-world practical work.

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.

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.