Building a Node.js Server Engine – Learning Framework Design through an Express.js Clone

Name: Building a Node.js Server Engine – Learning Framework Design through an Express.js Clone
Price: 51980 KRW

Beyond simply using Express.js, this lecture will have you directly implementing its internal engine from scratch to finish, allowing you to truly internalize the operating principles of a real server. You will directly build all of Express's components, such as routers, middleware, request-response objects, static file handling, and template rendering, from the ground up, providing an experience that fosters growth as a server developer.

(4.0) 1 reviews

17 learners

nhcodingstudio

실습 중심

백엔드이해하기

express.js클론

node.js백엔드

웹서버프레임워크구현

JavaScript

Node.js

Express

backend

software-design

What you will learn!

How to understand the core principles of web server architecture from the ground up by implementing Express.js
How to perfectly grasp Express.js's core principles by implementing its entire architecture.
How middleware chains and the next() function pass requests and continue the control flow
Structurally analyze how request (req) and response (res) objects are actually composed and transmitted.
Secure static file server implementation
Implement stream-based logic that directly parses JSON and URL-Encoded request bodies
How to build a complete CRUD API by directly designing a RESTful router
Modular router setup connected to main app, like `express.Router()`.
Rendering dynamic HTML by integrating EJS
Implementing a structure for safe sync/async error handling in middleware chains.
How to verify full server functionality and perform integration testing through automated API test scripts

🚀 From “User” to “Implementer” – Learn Core Principles of Server Development by Cloning Express.js

This course will take you on a journey to clone the engine of Express.js, the most widely used server framework in the web ecosystem, and implement its inner workings.

I remember when I first learned Node.js and Express . I was really impressed by how easy it was to implement routing, middleware, static file processing, and template rendering with just one line of methods like app.get() or app.use() . But at some point, the question arose, “ Am I someone who can create this, or am I someone who simply uses it? ”

Express is a very convenient tool, but its internal structure is hidden, so it is often difficult to understand how it works. This course was created to relieve that thirst.

How is the routing system designed, why is middleware executed in order, how is the MIME type of static files set? The process of finding answers to all these questions through hands-on implementation and practice is the core of this lecture.

By implementing Express yourself, you will gain a fundamental sense of server development that goes beyond just knowing Express and will allow you to naturally understand the structure of other frameworks such as Fastify, Flask, Django, and Spring Boot .

Let's start the process of growing into a person who can design and implement how a server works , rather than simply knowing 'how to use it'!

Features of this course

📌 A course based on an engine clone project that implements all the core structures of Express.js.

📌 Visualize and explain the operating principles by line of code without abstract concepts

📌 Detailed implementation of security processing and error handling that can be used effectively in practice

📌 All course materials and test codes provided , so you can learn by running them yourself.

📌 Grow into a server developer who knows how to create , not just a developer who simply writes

After class

You will gain the skills to design and implement the entire web server process yourself, without Express.js.
You will gain a complete understanding of the flow of HTTP from request to response in Node.js, code by code.
You will learn the fundamentals of server development by implementing core practical functions one by one, such as routing, middleware chaining, request parsing, and static file serving.
By understanding the internal workings of server frameworks, the design philosophy of other frameworks such as Fastify, NestJS, Django, and Spring Boot can be naturally connected.
You will gain the ability to modularize complex functions into smaller units and refactor them into maintainable structures.
In addition to Express.js, you will be able to understand and explain the structure of how a web server engine receives requests and processes responses at a design level.
The lecture deliverables themselves will serve as a portfolio, and you can state in your application that you have personally implemented an 'Express.js clone project'.

Player Knowledge and Notes

You should be familiar with basic JavaScript syntax . You need to understand variable declarations, function definitions, array/object manipulation, and asynchronous processing (Promises, etc.).
It would be helpful to have a basic understanding of Node.js environment setup and module system (e.g. CommonJS). It would be easy if you know how to run a local server, require and module.exports do, etc.
If you have experience using Express.js , you will understand the core much faster. This course focuses on implementing the working principle directly rather than simply using it.
This course focuses on the process of implementing from scratch , rather than providing complete code or packages. You will learn the structure and principles by writing code yourself.
We recommend that you take the course 'Learning Express.js Properly: Part 1 [Basics] from Basics to Advanced'. In that course, the basic structure and usage of Express.js are covered first, and this course is an advanced course that implements the internal structure based on that.

Recommended for
these people

Who is this course right for?

A developer who wants to grow one step further from just having used Express.js.
An aspiring backend developer who wants to accurately understand the internal operating principles of a server
A learner who wants to learn the structural concepts of web frameworks by directly implementing them
A job seeker looking for a meaningful clone project to include in their portfolio
Developers with experience in other frameworks like Django, Flask, Spring Boot, who want to understand Node.js server structure.
Aspiring to be a 'developer who can explain how it works' rather than just a 'developer who knows how to use it.'
A frontend developer wanting to better understand server-client flow during web development.
A beginner who wants to experience truly building their own backend structure, moving beyond 'development solely based on memorized functions'.
Career changer, not a CS major, aiming for a deep web development foundation.
Front-end or full-stack developers who want to utilize JavaScript more deeply in practice.

Need to know before starting?

Basic JavaScript Syntax
Node.js experience
Experience with Express.js (Optional)
Network and HTTP Concepts (Optional)

Hello
This is

143

Learners

Reviews

4.3

Rating

Courses

안녕하세요, 우리동네코딩 스튜디오에 오신 것을 환영합니다!

우리동네코딩 스튜디오는 카네기 멜론, 워싱턴, 토론토, 워터루 등 북미의 주요 대학에서 컴퓨터공학을 전공하고, Google, Microsoft, Meta 등 글로벌 IT 기업에서 실무 경험을 쌓은 개발자들이 함께 만든 교육 그룹입니다.

처음에는 미국과 캐나다의 컴퓨터공학 전공자들끼리 함께 공부하며 성장하고자 만든 스터디 모임에서 시작되었습니다. 각기 다른 대학, 다른 시간대에 있었지만 함께 문제를 해결하고 서로에게 배운 그 시간은 매우 특별했고, 자연스럽게 이런 생각이 들었습니다.

“우리가 공부하던 이 방식, 그대로 다른 사람에게도 전하면 어떨까?”

그 물음이 바로 우리동네코딩 스튜디오의 출발점이었습니다.

현재는 약 30명의 현직 개발자와 컴퓨터공학 전공 대학생들이 각자의 전문 분야를 맡아, 입문부터 실전까지 아우르는 커리큘럼을 직접 설계하고 강의합니다. 단순한 지식 전달을 넘어, 진짜 개발자의 시선으로 배우고 함께 성장할 수 있는 환경을 제공합니다.

“진짜 개발자는, 진짜 개발자에게 배워야 합니다.”

저희는 웹 개발의 전 과정을 처음부터 끝까지 체계적으로 다루되, 이론에 머무르지 않고 실습과 실전 중심의 피드백을 통해 실력을 키워드립니다.
수강생 한 사람, 한 사람의 성장을 함께 고민하고 이끌어가는 것이 우리의 철학입니다.

🎯 우리의 철학은 분명합니다.
"진정한 배움은 실천에서 오고, 성장은 함께할 때 완성된다."

개발을 처음 시작하는 입문자부터, 실무 능력을 키우고 싶은 취업 준비생, 진로를 탐색 중인 청소년까지.
우리동네코딩 스튜디오는 모두의 출발점이자, 함께 걷는 든든한 동반자가 되고자 합니다.

이제, 혼자 고민하지 마세요.
우리동네코딩 스튜디오가 여러분의 성장을 함께하겠습니다.

Welcome to Neighborhood Coding Studio!

Neighborhood Coding Studio was founded by a team of developers who studied computer science at top North American universities such as Carnegie Mellon, the University of Washington, the University of Toronto, and the University of Waterloo, and went on to gain hands-on experience at global tech companies like Google, Microsoft, and Meta.

It all began as a study group formed by computer science students across the U.S. and Canada, created to grow together by sharing knowledge, solving problems, and learning from one another.
Though we were attending different schools in different time zones, the experience was so meaningful that it led us to one simple thought:

“What if we shared this way of learning with others?”

That thought became the foundation of Neighborhood Coding Studio.

Today, we are a team of around 30 active developers and computer science students, each taking responsibility for their area of expertise—designing and delivering a curriculum that spans from foundational knowledge to real-world development.
We’re not just here to teach—we’re here to help you see through the lens of real developers and grow together.

“To become a real developer, you must learn from real developers.”

Our courses take you through the entire web development journey—from start to finish—focused on hands-on practice, real-world projects, and practical feedback.
We care deeply about each learner’s growth and are committed to supporting your path every step of the way.

🎯 Our philosophy is simple but powerful:
"True learning comes from doing, and true growth happens together."

Whether you're just getting started, preparing for your first job, or exploring your future in tech,
Neighborhood Coding Studio is here to be your launchpad—and your trusted companion on the journey.

You don’t have to do it alone.
Let Neighborhood Coding Studio walk with you toward your future in development.

Curriculum

All

53 lectures ∙ (5hr 30min)

Course Materials:

Lecture resources

Section 1. 🚧 MyExpress Warming Up for Express.js Clone – Learning Core Concepts by Direct Implementation

13 lectures ∙ (1hr 37min)

1. [MyExpress Project Kick-off] – Our self-built web framework, Getting Started with MyExpress
04:46
2. [Understanding Request/Response Structure] – HTTP's Essence and All We Need to Know About Requests and Responses
08:19
3. [How Routing Works] – HTTP Request Processing and Solving Routing Complexity
05:44
4. [Request Flow Design] – Router Management Improvement and Systematization of Request Processing Flow
06:21
5. [Middleware Architecture Design] – Object-Based Router Management and Middleware Introduction Preparation
07:25
6. [Middleware Chain Implementation] – Middleware Chain Processing Structure Demystified
07:20
7. [req/res Operation Practice] – Manipulating req/res within middleware chain
06:31
8. [Error Handling Mechanism] – Conditional Flow Control and Error Handling Middleware Mastery
06:07
9. [Creating a Static File Server] – Implementing Static File Serving Functionality
08:36
10. [Dynamic Routing Implementation] – Dynamic Routing and Handling URL Parameters
13:23
11. [Implementing a JSON Body Parser] – Processing Request Body Data: Implementing a Body Parser Directly
05:48
12. [Implementing URL-Encoded Body Parser] – Processing Form Data and Implementing URL-Encoded Body Parser
06:54
13. [Router Modularization Strategy] – Structuring Code by Separating Router Objects (Compared to Express.js Approach)
10:43

Section 2. 🧱MyExpress Core Implementation for Express.js Clone – DIY Web Framework: Everything

15 lectures ∙ (2hr 1min)

14. [app object design] – MyExpress's core object, app object design and createApplication
05:14
15. [Server Execution] – Server startup, mastering the app.listen method
09:21
16. [Router Structure] – The Core of Middleware and Routing, A Complete Dissection of createRouter
07:53
17. [Request Processing Flow] – Fully Mastering router.handle, the Core of Request Processing
29:05
18. [Dynamic Routing] – Master Dynamic Routing Completely, Processing URL Parameters with the matchPath Function
07:49
19. [MIME Type] – Mastering Content-Type, Implementing MIME Type and getContentType Function
06:17
20. [Static File Serving] – Full Practical Application, Serving Static Files with Static Middleware
06:55
21. [HTML Rendering] – Complete dynamic HTML rendering, Implement the res.render method
05:53
22. [listen flow analysis] – The final puzzle of the server execution flow, complete mastery of server.listen's operating principles
05:16
23. [JSON Parser] – JSON Body Data Processing, Custom Middleware Implementation
04:55
24. [Form Data Parser] – Master URL-Encoded Form Data, Implement Body Parser Middleware
09:41
25. [Request Logger] – Real-time Request Logging, Complete Implementation of Logger Middleware
06:13
26. [Sub Router] – Mastering Sub Routers, Implementing express.Router()
04:55
27. [Environment Setup] - Create Engine – Implement Environment Variable Loader Middleware
05:09
28. [Real-World Server Initialization] – Completing MyExpress Practical Application, Configuring the Entire Project with index.js
06:57

Section 3. 🧩 Implementing MyExpress Router for Express.js Clone – Practical RESTful API Design & Feature Completion

8 lectures ∙ (35min)

29. [Users Router] – User Router Implementation and Basic RESTful API Structure
05:50
30. [Products Router] – Product Router Implementation and List/Detail Views
06:38
31. [Categories Router] – Implementing Category Router and Hierarchical Classification Processing
04:27
32. [Carts Router] – Cart Router Implementation and User-Specific Management
05:36
33. [Orders Router] – Implementing Order Router and Handling Order Flow
04:09
34. [Payments Router] – Payment Router Implementation and Request Processing Structure
03:39
35. [Reviews Router] – Review router implementation and product review functionality
04:46
36. 📌 Future Course Progression Guide

Section 4. 🛠️MyExpress Security Blueprint for an Express.js Clone – Preventing Vulnerabilities and Upgrading to a Secure Server

5 lectures ∙ (28min)

Section 5. 🧠 MyExpress Design Optimization for an Express.js Clone – Restructuring and Internal Architecture Reorganization for Practical Use

7 lectures ∙ (33min)

Section 6. 🧪 MyExpress Testing Strategy for an Express.js Clone – Building a Stable Server with Automated Validation

4 lectures ∙ (13min)

Section 7. 📚 Per-Lecture Code & Study Materials Guide

1 lectures

Published:

Last updated:

Reviews

All

1 reviews

4.0

1 reviews

손정만
Reviews 39
∙
Average Rating 4.6
4
100% enrolled
- nhcodingstudio
  Instructor
  감사합니다, 손정만님, 소중한 수강평과 좋은 평가 남겨주셔서 진심으로 감사드립니다! 🙏 여러분의 응원 덕분에 강의를 준비하는 큰 힘이 됩니다. 이번 강의를 통해 Express.js의 구조와 서버 엔진 설계 원리를 깊이 이해하셨다면, 앞으로는 백엔드 아키텍처, 데이터베이스, 서버 운영 등 더욱 실무적인 주제와 확장된 컨텐츠로 찾아뵐 수 있도록 계속 준비하겠습니다. 🚀 또한 감사와 응원의 마음을 전하며, 언제든 궁금한 점이 생기시거나 개발 관련해서 도움이 필요하실 때는 아래 오픈채팅방을 자유롭게 이용해 주세요. 함께 공부하시는 분들과도 소통 가능하고, 저도 자주 들러서 고민을 나누고 있습니다! 📮 오픈채팅방: [https://open.kakao.com/o/gC10Fnoh] 개발 여정을 언제나 진심으로 응원드리며, 다음 강의에서도 꼭 다시 뵐 수 있기를 기대합니다! 🌟

Limited time deal ends in 4 days

$51,980.00

24%

$53.90

nhcodingstudio's other courses

Check out other courses by the instructor!

이벤트부터 SPA까지, 상호작용 웹의 필수 엔진 - [DOM 완전 정복 Part 2]

nhcodingstudio

이 강의는 단순한 DOM 조작을 넘어서, 실제 사용자와의 상호작용 속에서 웹 UI를 동적으로 구성하고 반응하는 방법을 깊이 있게 학습합니다. 이벤트 시스템의 본질, 버블링과 캡처링, 이벤트 위임, 실시간 UX 피드백, 그리고 throttle & debounce를 활용한 성능 최적화까지, 실무에서 자주 마주치는 문제들을 직접 구현하며 익힐 수 있도록 구성했습니다. DOM 트리의 구조 이해를 바탕으로, 이벤트 흐름과 상태 변경을 유연하게 연결하는 능력을 기르게 됩니다.

초급

HTML/CSS, JavaScript, React

이벤트부터 SPA까지, 상호작용 웹의 필수 엔진 - [DOM 완전 정복 Part 2]

nhcodingstudio

DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]

nhcodingstudio

이 강의는 브라우저가 HTML을 받아 DOM을 만들고, CSSOM과 결합해 화면에 픽셀을 그려내는 Critical Rendering Path(CRP) 과정을 처음부터 끝까지 다룹니다. 단순한 DOM 조작을 넘어, CSS와 JS가 성능에 어떤 영향을 주는지, 이미지·폰트 최적화, Lazy Loading, Intersection Observer, 가상 리스트, 그리고 DevTools 실습까지 이어지며 실제 웹 성능을 눈에 띄게 개선할 수 있는 실전 전략을 배울 수 있습니다.

초급

HTML/CSS, JavaScript, React

DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]

nhcodingstudio

구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]

nhcodingstudio

React, Next.js, Vue를 아무리 공부해도 코드가 추상적으로 느껴지고, 구조가 확실히 이해되지 않는다면, 그 근본 원인은 DOM에 대한 이해 부족일 수 있습니다. DOM은 모든 프론트엔드 프레임워크의 기반이며, 웹 페이지의 구조와 동작을 연결해주는 실체입니다. 이 강의는 단순한 선택자나 조작법을 넘어, HTML이 어떻게 DOM 객체로 바뀌고, 이 구조를 어떻게 선택하고 탐색하며, 조작할 수 있는지를 처음부터 차근차근 알려주는 DOM 완전 정복의 Part 1 입문 강의입니다. HTML 태그는 구조일 뿐이고, 자바스크립트는 행동일 뿐이지만, 그 둘을 연결하는 핵심이 DOM입니다. 이 연결고리를 명확히 이해하면, 어떤 프레임워크를 쓰든 그 안의 진짜 구조와 흐름을 정확히 꿰뚫어볼 수 있게 됩니다.

입문

HTML/CSS, JavaScript, React

구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]

nhcodingstudio

제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]

nhcodingstudio

📌 이 강의는 전략형 AI 틱택토 프로젝트로 시작해, 객체지향 프로그래밍의 핵심 개념까지 실전 예제로 완성하는 커리큘럼입니다. 게임 구현으로 로직 설계와 AI 전략 사고를 훈련하고, 이어서 상속, 조합, 위임, 캡슐화 같은 OOP 설계 기술을 직접 코드로 경험합니다. 실제 프로젝트로 문법을 넘어서 ‘설계하는 개발자’로 성장하고 싶은 분께 추천드립니다.

초급

JavaScript, HTML/CSS, 객체지향

제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]

nhcodingstudio

제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]

nhcodingstudio

물 흐르듯 따라가는 Express.js 입문부터 실전까지! 서버 기초 개념부터 CRUD 프로젝트 완성까지 직접 구현하며 제대로 익히는 백엔드 여정.

초급

express.js, Node.js, routing

제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]

nhcodingstudio

제대로 배우는 JavaScript: 초보자부터 실무자까지 완벽 정복 Part1 - [기초편]

nhcodingstudio

이 강의를 통해 수강생은 개발 환경 설정부터 변수, 조건문, 함수, 객체, 배열 등 JavaScript의 기초와 심화 개념을 폭넓게 학습합니다. 실습과 퀴즈로 꼼꼼히 복습하여, 웹·모바일 실무에 바로 적용 가능한 문제 해결 능력을 갖출 수 있습니다.

입문

JavaScript, HTML/CSS, 웹앱

제대로 배우는 JavaScript: 초보자부터 실무자까지 완벽 정복 Part1 - [기초편]

nhcodingstudio

제대로 배우는 HTML + CSS: 입문부터 실전까지 완벽 정복 Part2 - [중급편]

nhcodingstudio

“CSS Position, Transition, Transform, Animation, Flexbox, Grid, 반응형 웹” 등 중급 이상의 CSS 기술을 체계적으로 마스터하고, 다양한 실습 프로젝트를 통해 실무에서 즉시 적용 가능한 스킬을 습득할 수 있는 강의입니다.

초급

HTML/CSS

제대로 배우는 HTML + CSS: 입문부터 실전까지 완벽 정복 Part2 - [중급편]

nhcodingstudio

제대로 배우는 HTML + CSS: 입문부터 실전까지 완벽 정복 Part1 - [기초편]

nhcodingstudio

“제대로 배우는 HTML + CSS: 입문부터 실전까지 완벽 정복 Part1” 강의는 인터넷과 웹의 작동 원리를 깊이 이해하고, 실습 위주의 커리큘럼을 통해 HTML/CSS 기초를 탄탄하게 익히는 과정입니다. 이 강의만 들으면 웹 개발의 필수 개념을 확실히 잡고, 바로 프로젝트에 적용할 수 있게 됩니다.

입문

HTML/CSS

제대로 배우는 HTML + CSS: 입문부터 실전까지 완벽 정복 Part1 - [기초편]

nhcodingstudio

Similar courses

Explore other courses in the same field!

기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]

개복치개발자

바쁜 기획자 분들을 위한 빠르게 진행되는 개발 강의입니다. 군더더기 없는 설명으로 웹 프론트엔드, 백엔드, DB를 직접 개발해보며 전체적인 개발 프로세스를 알아볼 수 있습니다.

입문

HTML/CSS, JavaScript, Vue.js

기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]

개복치개발자

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React

판다코딩

MERN Stack을 활용하여 커뮤니티 어플리케이션을 제작하고, 배포합니다. (MongoDB, Express, React, Node + Firebase)

초급

MongoDB, Express, React

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React

판다코딩

React.js + Node.js 롤 전적 검색 사이트 만들기

영넨

이 강의는 Riot Games API를 활용하여 React.js와 Node.js를 이용한 '리그 오브 레전드 전적 검색 사이트'를 직접 만들어보는 실습 중심 강의입니다. 수강생은 기본적인 API 사용법부터, 프론트엔드(React.js)와 백엔드(Node.js, Express.js) 연동, 전적 데이터 시각화, 그리고 op.gg 스타일의 UI 구현까지 프로젝트를 단계별로 따라하면서 실습을 통해 자연스럽게 배우게 됩니다. 복잡한 이론보다는 코드 중심으로 '직접 따라 만들기'를 통해 빠르게 결과물을 경험할 수 있습니다.

입문

React, Node.js, api

React.js + Node.js 롤 전적 검색 사이트 만들기

영넨

테스트주도개발(TDD)로 만드는 NodeJS API 서버

김정환

이 강의에서는 Javascript 언어로 백엔드 개발을 할 수 있는 NodeJS를 학습하고, 테스트 주도 개발(TDD) 방법으로 NodeJS를 이용해 API 서버 개발을 할 수 있습니다. 또한 NodeJS의 대표적인 웹 프레임워크 ExpressJS의 기초 원리를 이해하고, 모바일과 웹 서비스에서 사용하는 REST API 개발 방법을 학습할 수 있습니다.

초급

TDD, Node.js, Express

테스트주도개발(TDD)로 만드는 NodeJS API 서버

김정환

시스템 디자인 첫걸음: 면접에서 돋보이는 백엔드 아키텍처 설계하기

성장랜턴

API 설계, CRUD 구현, JWT 인증 같은 기초를 넘어 백엔드 아키텍처 설계까지! 면접에서 설계 경험을 자신 있게 말할 수 있는 ‘나만의 백엔드 아키텍처’를 만들기 위한 시스템 디자인 입문 강의입니다.

초급

아키텍처, backend, 소프트웨어 설계

시스템 디자인 첫걸음: 면접에서 돋보이는 백엔드 아키텍처 설계하기

성장랜턴

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

John Ahn

이 강의를 통해서 쇼핑몰 웹사이트를 처음부터 하나하나 만들어 보실 수 있습니다.

중급이상

React, Redux, Node.js

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

John Ahn

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

웹디자인기능사 출제기준 2023년 버전에 맞추어 누구나 합격할 수 있도록 제작하였습니다. 5가지 유형을 배우고 빠르게 합격합시다!

초급

HTML/CSS, jQuery, JavaScript

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

Next.js 시작하기

장기효(캡틴판교)

React를 시작할 때 꼭 알아야 하는 Next.js 프레임워크. 입문자 관점의 쉬운 설명과 실무자가 만족하는 심도 깊은 동작 원리 이해까지. Next.js를 한방에 해결합니다.

초급

Next.js, React, JavaScript

Next.js 시작하기

장기효(캡틴판교)

떠먹는 Three.js

제주코딩베이스캠프

Three.js의 기초적인 개념을 학습하고, 이를 응용하여 '나만의 섬 만들기' 미니 프로젝트를 진행합니다. 프로젝트를 진행하면서 쉽고 가볍게 Three.js를 익힐 수 있습니다.

초급

Three.js, HTML/CSS, JavaScript

떠먹는 Three.js

제주코딩베이스캠프

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

John Ahn

이 강의를 통해 리액트와 노드등의 개념만이 아닌, 실질적으로 어떻게 웹 사이트를 만드는지를 배울 수 있습니다.

초급

React, Node.js, 웹앱

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

John Ahn

Node.js 노드 빠르게 훑어보기: 서버부터 DB까지

제주코딩베이스캠프

웹 서버 개발을 경험해보고 싶으신가요? 비전공자, 프론트엔드 개발자 모두 서버 개발로 첫 걸음을 내딛을 수 있게 도와드리겠습니다. 익숙한 자바스크립트 문법으로 서버, 데이터베이스까지 한 번에 효율적으로 훑어보며 서버를 이해해봅시다!

초급

Node.js, MongoDB, Express

Node.js 노드 빠르게 훑어보기: 서버부터 DB까지

제주코딩베이스캠프

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)

초급

HTML/CSS, JavaScript, 클론코딩

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

Node.js로 웹 크롤링하기

제로초(조현영)

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

중급이상

JavaScript, Node.js, 웹 크롤링

Node.js로 웹 크롤링하기

제로초(조현영)

[7일완성]생각하는 데이터베이스모델링

박매일

[TPC DB!] 생각하면서 배우는 데이터베이스모델링,단계별로 배우는 데이터베이스모델링, 데이터베이스모델링에서부터 웹프로그래밍 구현까지 한번에 마스터 할 수 있는 강의입니다.

초급

DBMS/RDBMS, SQL, ERD

[7일완성]생각하는 데이터베이스모델링

박매일

리액트 공식문서 함께 공부하기

정재남

2023년 리뉴얼된 React 공식 문서를 함께 학습해요.

입문

React, JavaScript, react.js

리액트 공식문서 함께 공부하기

정재남

따라하며 배우는 타입스크립트 A-Z

John Ahn

이 강의를 통해 타입스크립트에 대해서 배울 수 있습니다.

초급

TypeScript, JavaScript

따라하며 배우는 타입스크립트 A-Z

John Ahn

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

초급

인터랙티브 웹, JavaScript, HTML/CSS

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹 퍼블리셔를 위한 자바스크립트 & 제이쿼리 핵심이론 실전예제(교재, 완성본)

코딩웍스(Coding Works)

웹 퍼블리셔를 위한 JS 핵심이론 및 실전예제 교재 및 완성본은 PDF로 제작된 강의 교재입니다. 해당 교재는 웹 퍼블리셔가 꼭 알아야 하는 자바스크립트와 제이쿼리 기본기를 충실히 갖출 수 있는 역할을 합니다. 해당 교재 특징으로는 이론과 연결된 스몰미션(Small Mission)을 통해서 이론을 더욱 탄탄히 할 수 있습니다. 특히 배운 모든 이론을 활용한 실전 예제 역시 충실히 준비된 교재입니다. 해당 PDF 전체 페이지는 순수 자바스크립트(Vanlila JavaScript)와 제이쿼리(jQuery) 페이지 수는 320페이지 이상으로 코딩웍스가 쉽게 이해할 수 있도록 충분한 설명을 덧붙여 놓았습니다. 특히, 퍼블리셔가 웹사이트 제작을 위해 필수적인 제이쿼리 상호작용 실전 예제를 학습하실 수 있습니다.

초급

JavaScript, jQuery, HTML/CSS

웹 퍼블리셔를 위한 자바스크립트 & 제이쿼리 핵심이론 실전예제(교재, 완성본)

코딩웍스(Coding Works)

모르면 승진 안되는 시스템 디자인

실리콘밸리 아저씨들

실리콘 밸리 엔지니어 아저씨들이 가르치는 소프트웨어 시스템 디자인 강의에서는 대규모 시스템의 설계 원칙과 아키텍처 패턴을 학습하며, 안정적이고 확장 가능한 소프트웨어 솔루션을 구축하는 방법을 배웁니다. 또한, 실무 사례를 통해 성능 최적화 및 장애 대응 전략을 다룹니다.

중급이상

소프트웨어 설계, 소프트웨어 공학, 시스템 디자인

모르면 승진 안되는 시스템 디자인

실리콘밸리 아저씨들

레디스의 모든 것 (feat. Node.js)

yongsoocho

레디스 A to Z로 레디스 첫 시작을 탄탄하게! 고등학생이 봐도 완벽히 이해할 수 있는 쉽고 재밌는 레디스의 모든 것

입문

Redis, Node.js

레디스의 모든 것 (feat. Node.js)

yongsoocho

Building a Node.js Server Engine – Learning Framework Design through an Express.js Clone

What you will learn!

🚀 From “User” to “Implementer” – Learn Core Principles of Server Development by Cloning Express.js

Features of this course

I recommend this to these people

After class

Learn about these things.

Things to note before taking the class

Learning Materials

Player Knowledge and Notes

Recommended for
these people

Hello
This is

Curriculum

Reviews

nhcodingstudio's other courses

Similar courses

Building a Node.js Server Engine – Learning Framework Design through an Express.js Clone

What you will learn!

🚀 From “User” to “Implementer” – Learn Core Principles of Server Development by Cloning Express.js

Features of this course

I recommend this to these people

After class

Learn about these things.

Things to note before taking the class

Learning Materials

Player Knowledge and Notes

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

nhcodingstudio's other courses

Similar courses

Recommended for
these people

Hello
This is