강의

멘토링

로드맵

BEST
Programming

/

Web Development

Building Your Own Company Website with React, Node.js, MongoDB: Complete Guide

This is a practical course where you can learn how to build a company website yourself using React, Node.js, and MongoDB. Let's build a full-stack project together with a basic background in React and Node.js!

(5.0) 20 reviews

248 learners

  • dakgangjung123
프로젝트
React
Node.js
MongoDB
HTML/CSS
JavaScript

Reviews from Early Learners

What you will learn!

  • Design and Implement Trendy UI with React & Tailwind CSS

  • Building a backend server with Node.js and Express

  • Database Design and Management with MongoDB and Express Router

  • Understanding Data Communication Between Frontend and Backend

  • Real company website-level project completion

2025-03-23 업데이트

나만의 회사 웹사이트가 드디어 공식 도메인에 배포되었습니다! 🎉
https://my-company.site
강의 구매 전 직접 접속해보고 경험해보세요.


🔐 관리자 페이지 접속 안내
https://my-company.site/admin
아이디: admin / 비밀번호: test123

  • AWS S3와 TinyMCE 에디터는 비용 문제로 현재 비활성화된 상태입니다.

  • 기능 구성을 확인하는 용도로만 가볍게 봐주시면 감사하겠습니다 :)

회사의 웹사이트는 어떻게 고객과의 첫인상을 좌우할까요?

답은 React, Node.js, MongoDB, HTML/CSS, JavaScript를 활용한 강력한 기술 스택에 있습니다. 많은 사용자들이 기업사이트의 트렌디한 UI와 효율적인 데이터 관리를 통해 Interaction을 경험하고 있습니다.

본 강의에서는 React로 프론트엔드를, Node.js와 MongoDB로 백엔드를 설계하여 실제 회사 웹사이트 수준의 프로젝트를 완성합니다. 효율적인 상태 관리, RESTful API 통합, 데이터베이스 설계 등 실무에서 요구되는 핵심 기술을 깊이 있게 다룹니다.

단순히 따라 하는 튜토리얼이 아닌, 체계적인 학습을 통해 Production Ready 수준의 웹사이트를 만들며 실전 개발자의 감각을 익혀보세요!

이 강의의 특징

📌회사의 첫인상을 결정짓는 웹사이트 제작의 노하우를 공개합니다. 3년간의 프로젝트 경험을 통해 얻은 효율적이고 실용적인 개발 방법론을 전수합니다.

📌프론트엔드부터 백엔드까지 스키마 설계, 상태 관리, 데이터베이스 최적화 등 실무에서 반드시 필요한 기술과 insight를 제공합니다.

📌이론 20%, 실습 80%. 모든 코드를 직접 작성하고 테스트하며, 실제로 작동하는 완성도 높은 웹사이트를 만들어 봅니다.

📌중급에서 상급으로 도약하려는 분들을 위한 강의. 기본적인 HTML, CSS, JavaScript 및 React & Node.js의 간단한 지식만 있다면 누구나 따라 할 수 있습니다.

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드 - 소개동영상

이런 내용을 배워요.

React, Tailwind CSS로 UI 설계 및 구현
컴포넌트를 활용해 재사용 가능한 모던 UI를 설계하고, 효율적인 상태 관리로 반응형 웹사이트를 구현합니다.

Node.js와 Express로 백엔드 구축
RESTful API를 설계하고, 클라이언트와 서버 간의 데이터를 안정적으로 통신하는 백엔드 기술을 배웁니다.

MongoDB를 활용한 데이터 관리
MongoDB의 스키마, 모델로 데이터 구조를 설계하고, Express Router로 유연한 RESTful API를 구현하여 실시간 데이터 중심의 웹앱을 제작합니다.

실전 프로젝트: 회사 웹사이트 제작
React, Node.js, MongoDB를 통합해 Production Ready 웹사이트를 완성!

React & FastAPI로 만드는 투표 커뮤니티 플랫폼: 결제 시스템으로 수익화까지!

실시간 투표, 댓글, 좋아요 같은 핵심 소셜 기능부터 카카오페이·토스페이 연동을 통한 결제 시스템까지!
단계별 실습으로 커뮤니티 플랫폼 구축과 수익화 전략을 한 번에 익혀보세요.

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

React, Electron, Zustand를 활용해 실습하며 데스크톱 타이머 앱 제작부터 윈도우·맥·리눅스 배포까지 경험해보세요.
Zustand 전역 상태 관리와 GUI 배포 과정을 익히며, 데스크톱 앱 개발의 전체 흐름을 한 번에 학습할 수 있습니다.

내가 타이타닉에 탔었다면?! PyTorch & Next.js로 생존 확률 예측 AI 웹 서비스 만들기

“내가 타이타닉에 탔다면 살아남을 수 있었을까?”라는 흥미로운 질문을 실제 데이터로 풀어봅니다.
PyTorch로 AI 모델을 만들고, FastAPI로 백엔드 서버, Next.js로 웹 인터페이스를 구현하며, AI와 웹 개발을 아우르는 풀스택 프로젝트를 완성할 수 있습니다.

수강 전 참고 사항

실습 환경

  • 강의는 WindowsmacOS 환경에서 실습할 수 있도록 구성되었습니다. Linux 사용자도 강의를 따라올 수 있습니다.

  • 강의에서는 Visual Studio Code (VS Code)를 기본 코드 편집기로 사용하며, 무료로 설치 및 사용할 수 있습니다.

  • 최신 버전의 Node.jsMongoDB가 필요합니다. 설치 방법은 강의에서 상세히 안내합니다.


제공 자료: 소스 코드, PDF 강의 자료, 예제 프로젝트 파일

  • 학습 자료는 강의와 함께 GitHub Repository로 제공되며, 쉽게 다운로드받아 실습할 수 있습니다.

  • 노션에서 올라오는 베이직 코드와 함께 코드실습을 수월하게 하실 수 있습니다.

선수 지식 및 유의사항

  • HTML, CSS, JavaScript, React, Node.js의 기초를 알고 있다면 강의를 더 수월하게 수강할 수 있습니다.

  • Tailwind CSS, MongoDB를 처음 사용하는 분들도 충분히 따라올 수 있도록 기초부터 차근차근 설명합니다.

  • 기본적인 Git 사용 경험이 있으면 실습을 진행하기 더 편리합니다.

Recommended for
these people

Who is this course right for?

  • Those who want to challenge full-stack web development with React, Node.js, and MongoDB

  • Those who want to complete projects at the level of a real company website.

  • Beginners who are starting web development for the first time but want to learn systematically

  • Job seekers and employees looking to add projects to their portfolio

  • Those who want to build a foundation and learn practical development skills

Need to know before starting?

  • React

  • Node.js

  • HTML

  • CSS

  • JavaScript

Hello
This is

517

Learners

28

Reviews

51

Answers

4.8

Rating

6

Courses

안녕하세요! 서강대학교 컴공과를 졸업하고 현재 대학원 진학을 준비 중인 학생입니다.

고등학교 때 우연히 풀스택 웹 개발과 파이썬을 활용한 자동 매매를 시작하면서 프로그래밍에 빠지게 되었습니다.

그 후 다양한 프로젝트와 프로그래밍 과외활동을 경험하며 실력과 노하우를 공유했습니다. 이러한 경험을 통해 프로그래밍을 처음 접하는 분들에게도 "이렇게 쉬울 수 있구나!"라는 느낌을 줄 수 있는 강의를 만들고자 노력하고 있습니다.

 

실용적인 예제와 친근한 설명으로 여러분의 학습을 돕고 싶습니다. 감사합니다.

 

GitHub 저장소 바로가기 (클릭!)

Curriculum

All

76 lectures ∙ (15hr 13min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

20 reviews

5.0

20 reviews

  • smjung4105님의 프로필 이미지
    smjung4105

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    • dakgangjung123
      Instructor

      Xin chào. Cảm ơn bạn đã để lại đánh giá quý báu. Thấy rằng có vẻ như đã giúp ích được cho Smjung, tôi cũng cảm thấy rất có ý nghĩa. Tôi sẽ cố gắng để có thể đáp lại bằng những bài giảng còn bổ ích hơn nữa trong tương lai. Cảm ơn bạn!

  • jiwookim24371님의 프로필 이미지
    jiwookim24371

    Reviews 8

    Average Rating 5.0

    5

    30% enrolled

    • dakgangjung123
      Instructor

      Xin chào JIWOO KIM. Cảm ơn bạn đã dành thời gian để lại đánh giá sao quý giá. Nhờ có điều đó mà tôi có thêm động lực lớn để chuẩn bị cho các bài giảng tiếp theo. Hy vọng rằng những bài học này sẽ tiếp tục hỗ trợ rất nhiều cho việc học tập của bạn!

  • jmk님의 프로필 이미지
    jmk

    Reviews 9

    Average Rating 5.0

    5

    100% enrolled

    Nhờ vậy mà tôi đã có thể trải nghiệm toàn bộ MERN stack!

    • dakgangjung123
      Instructor

      Xin chào bạn học viên JMK. Cảm ơn bạn đã để lại đánh giá quý báu! Thật vui khi biết bạn đã trải nghiệm toàn bộ MERN stack một lần. Hy vọng sẽ tiếp tục giúp ích cho việc học tập của bạn! Cảm ơn bạn.

  • yasisicoco님의 프로필 이미지
    yasisicoco

    Reviews 2

    Average Rating 5.0

    5

    61% enrolled

    Bài giảng hữu ích khi đã có một chút kiến thức nền tảng. Tuy tiến độ khá nhanh nhưng nếu có chút kiến thức cơ bản (như middleware của node hay cấu trúc truyền dữ liệu json, v.v.) thì đây là bài giảng dễ hiểu về quy trình. Tôi đang chăm chỉ tìm hiểu thêm những phần chưa biết và thấy rất có ích. Cảm ơn!

    • dakgangjung123
      Instructor

      Xin chào anh Kim Jin Woo. Cảm ơn anh đã để lại phản hồi tốt! Tôi rất vui khi biết rằng khóa học đã giúp ích cho những người đã có kiến thức cơ bản như anh. Tôi sẽ cố gắng mang đến những khóa học tốt hơn nữa trong tương lai. Chúc anh thành công!

  • qkdwn님의 프로필 이미지
    qkdwn

    Reviews 2

    Average Rating 5.0

    5

    38% enrolled

    Cảm ơn bạn đã giải thích chi tiết, thật tuyệt vời :) Cảm ơn bạn vì khóa học hay!

    • dakgangjung123
      Instructor

      Cảm ơn bạn rất nhiều vì 5 sao và những phản hồi quý giá! Cảm ơn bạn đã tham gia khóa học trên website của công ty chúng tôi, và tôi mong sẽ gặp lại bạn trong khóa học tiếp theo!

Limited time deal ends in 3 days

$716,441.00

22%

$34.10

dakgangjung123's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!