강의

멘토링

로드맵

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) 21 reviews

254 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

526

Learners

29

Reviews

51

Answers

4.8

Rating

6

Courses

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

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

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

 

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

 

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

Curriculum

All

76 lectures ∙ (15hr 13min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

21 reviews

5.0

21 reviews

  • smjung4105님의 프로필 이미지
    smjung4105

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    • dakgangjung123
      Instructor

      Hello. Thank you for your valuable course review. I feel great satisfaction knowing that it seems to have been helpful to Smjung. I will continue to work hard to repay you with even more substantial lectures in the future. Thank you!

  • jiwookim24371님의 프로필 이미지
    jiwookim24371

    Reviews 8

    Average Rating 5.0

    5

    30% enrolled

    • dakgangjung123
      Instructor

      Hello, JIWOO KIM. Thank you for leaving such a valuable star rating. Thanks to you, it gives me great strength in preparing the next lecture. I hope it will be of great help to your learning in the future!

  • jmk님의 프로필 이미지
    jmk

    Reviews 9

    Average Rating 5.0

    5

    100% enrolled

    Thanks to you, I was able to get a taste of the entire MERN stack!

    • dakgangjung123
      Instructor

      Hello, JMK student. Thank you for your valuable review! I'm really happy to hear that you experienced the entire MERN stack all at once. I hope it continues to be helpful for your learning! Thank you.

  • yasisicoco님의 프로필 이미지
    yasisicoco

    Reviews 2

    Average Rating 5.0

    5

    61% enrolled

    A helpful lecture when you have some existing knowledge. It progresses quickly, but if you have a bit of foundational knowledge (like Node middleware or the structure of transferring JSON data), I think it's a lecture that makes the process easy to understand. I'm working hard to look up the parts I don't know, and it's been helpful. Thank you!

    • dakgangjung123
      Instructor

      Hello, student Kim Jinwoo. Thank you for leaving such great feedback! I'm delighted to hear that it was helpful for those who already have foundational knowledge. I will continue to bring you even better lectures in the future. I'm cheering you on!

  • qkdwn님의 프로필 이미지
    qkdwn

    Reviews 2

    Average Rating 5.0

    5

    38% enrolled

    Thank you so much for explaining it in detail :) Thank you for the great lecture!

    • dakgangjung123
      Instructor

      Thank you so much for the 5-star rating and your valuable review! We appreciate you taking our company website course, and we look forward to seeing you again in the next course!

$34.10

dakgangjung123's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!