Node.js 서버 엔진 만들기 – Express.js 클론으로 배우는 프레임워크 설계

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 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.

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.

📌 This course starts with a strategic AI Tic-Tac-Toe project and is a curriculum that completes the core concepts of object-oriented programming through practical examples. Through game implementation, you will train logic design and AI strategic thinking, and then directly experience OOP design techniques such as inheritance, composition, delegation, and encapsulation through code. This is recommended for those who want to go beyond syntax and grow into a 'designing developer' through a real project.

An Express.js journey from beginner to mastery, flowing like water! A backend journey where you learn properly by directly implementing from basic server concepts to completing a CRUD project.

Through this course, students will broadly learn the basics and advanced concepts of JavaScript, from setting up the development environment to variables, conditional statements, functions, objects, and arrays. Through thorough review with practice exercises and quizzes, they will be able to develop problem-solving skills that can be immediately applied to web and mobile development practices.

This course systematically masters intermediate to advanced CSS techniques such as "CSS Position, Transition, Transform, Animation, Flexbox, Grid, and Responsive Web Design," and equips you with skills immediately applicable in real-world projects through various hands-on practice projects.

The "Learning HTML + CSS Properly: Complete Mastery from Beginner to Practical Application Part 1" course is designed to provide a deep understanding of how the internet and the web work, and to solidify the basics of HTML/CSS through a practice-oriented curriculum. By taking this course, you can firmly grasp the essential concepts of web development and immediately apply them to projects.

We have completed a backend bootcamp course implemented by various institutions into a single curriculum. This lecture is a bootcamp pre-training (P) lecture. Anyone can take it, and those who want to take advanced learning should apply for the bootcamp (ZM) course.

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.

You can create a web game using Svelte, Express, JWT, and MongoDB. Those who want to cover both the FrontEnd and BackEnd are welcome!

Online bootcamp in Jeju! Create your own service quickly! :)

Learn Python web development A to Z while making it! Learn everything from web basics to blog development and deployment all at once.

Backend Entry Worry: Over! From HTTP, API, DB basics to the latest tech (MSA, Docker, Cloud)! Backend development knowledge learned easily and systematically!

You no longer need to study JavaScript and ES6 separately. This course is designed to learn the JavaScript programming language along with the latest ES6 grammar.

This course teaches you how to quickly create various native app features for mobile environments using Javascript, a web service development technology, and walks you through the process of releasing them to the store.

"JS Build System, still confused?" The JS Build System's concepts and practices that never quite clicked, unified!

Kotlin Programming Language, which you can learn by practicing with 76 examples. You have to develop in Kotlin starting tomorrow, but you don't have time to study the grammar? Let's quickly learn all the grammar of Kotlin with the examples provided in this lecture.

This course is based on Angular and condenses the simple but useful petlist project into a 100-minute core lecture, allowing you to develop mobile web app development skills that can be applied in real life in a short period of time.

Learn common components of global-scale services through popular papers, books, and articles.

You can learn about the core functions of MySQL and how to effectively use them in your work. You can also gain a new understanding of important parts that you have been using for a long time and have overlooked, and gain in-depth database knowledge.

You can learn JavaScript from basic to intermediate, which is the foundation of web development.

Ladies A to Z for a solid start to Ladies! Everything about Ladies that is easy and fun to understand, even for high school students.

This lecture covers how to easily implement game backend systems using UGS (Unity Gaming Service). You will practice essential features such as Guest and Username/Password authentication, game data storage, leaderboards, and Remote Config. UGS has built a perfect ecosystem with Unity, preparing a practical course for easy learning without entry barriers, allowing immediate application to your projects.

This is a lecture where you can learn JavaScript through theory and practice. We explain step by step so that even those who are new to coding can easily understand. Part 1 covers an overview of JavaScript, variables, data types, operators, control statements, and the basics of jQuery.

Beyond basics like API design, CRUD implementation, and JWT authentication, all the way to backend architecture design! This is an introductory system design course to help you build 'your own backend architecture' that you can confidently discuss in interviews.

We will cover the concept of machine learning in a JavaScript environment. We will cover the form and code of implementing machine learning with JavaScript and TensorFlow.js.

This article introduces the relationship between Nodejs, a server-side JavaScript language, and a database, and explains how to create web applications using Nodejs and a database.