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

This is a lecture on creating a map service from start to finish using the MERN stack (feat. TypeScript). Let's create each part step by step by looking at the official API documentation.

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

This course covers the Critical Rendering Path (CRP) process from start to finish, where the browser receives HTML to create the DOM, combines it with the CSSOM, and renders pixels on the screen. Beyond simple DOM manipulation, you'll learn how CSS and JS impact performance, image and font optimization, Lazy Loading, Intersection Observer, virtual lists, and DevTools practice, gaining practical strategies to noticeably improve real web performance.

This course goes beyond simple DOM manipulation, deeply learning how to dynamically compose and react to web UIs within interactions with actual users. It's structured for you to learn by directly implementing common issues encountered in practice, from the essence of event systems, bubbling and capturing, event delegation, real-time UX feedback, to performance optimization using throttle & debounce. Based on an understanding of the DOM tree structure, you will develop the ability to flexibly connect event flow and state changes.

This course is a practical, hands-on course where you will build your own 'League of Legends Match History Search Site' using React.js and Node.js, utilizing the Riot Games API. Students will naturally learn through hands-on practice, following the project step-by-step, covering everything from basic API usage, integration of frontend (React.js) and backend (Node.js, Express.js), to match history data visualization, and implementing op.gg-style UI. Rather than focusing on complex theories, this course is code-centric, allowing you to quickly experience results by 'building it yourself' through hands-on practice.

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

Learn Springboot + NextJS RestAPI Board Creation Faster Than Anyone Develop a CRUD server with Springboot and create your own board with NextJS!

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.

A solo IT startup founder and solo entrepreneur's experience distilled into an honest, straightforward, intuitive, and deep React + Spring Boot course (Docker, AWS, GitHub Actions) I just unified everything into this one course.

My 14-day use, starting right after release: Claude Code! (AI Coding) - Immediately applicable to job seekers and pros! I'll tell you right away why I recommend it to everyone.

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.

Springboot + React RestAPI Bulletin Board Creation: Learn Faster Than Anyone Develop a CRUD server with Springboot and create your own board with React!

‘Where and how should I store files that look like images? Should I store them in a database? Or on a server hard drive? How can I reduce server load? How can I quickly load many images without stuttering? AWS S3? CDN?! I just want to store and load images, so why are there so many elements? What role do each of these elements play, and how should they be combined?’ I will teach you all the necessary elements related to image files, from start to finish, as a full stack :)

New to React? You need to think about how to learn React's basic concepts solidly yet quickly. Start with Next.js and JavaScript with minimal knowledge. Let's develop by selecting only the essential examples needed for practical development. Todo examples are so important that you need to develop them twice. Once focusing on components, then focusing on routing that handles browser paths! Use Zustand for login! You can handle global state with really minimal code.

Traditional React development methods and development using Next.js are completely different. This course penetrates the core of the latest Next.js 15 and teaches you the 'real' Next.js development approach. Experience how to achieve both performance and efficiency, from job portfolio projects to real-world projects. Let's develop the Next.js way! This course is structured so you can learn through hands-on experience by creating actual examples of how to apply Next.js features. You'll learn faster through actual code rather than theory, focusing on server components and covering server actions and caching strategies. Since the goal of the course is to catch up with the Next.js approach as quickly as possible, the lectures themselves are conducted using JavaScript. However, examples from each lecture created with TypeScript are additionally provided as course materials.

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.

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.

실시간 AI 에이전트, 회의 내용 요약, 그리고 통화 후 기능이 있는 AI 기반의 화상 회의 애플리케이션을 만들어요.

Building a 3D Globe Article Service with ThreeJS and SpringAI Create your own 3D globe article service using your personal chatbot and ThreeJS!

Create your own visual novel game using React, Javascript, SpringAI, and Springboot. Learn how to create a web-based visual novel game using SpringAI and React!