강의 소개 및 개발 환경 준비
VS Code · Node.js · React Vite · GitHub 세팅과 프로젝트 뼈대 구축
(프론트엔드) 회사 페이지 제작 — 1
Tailwind 적용, Navbar · Footer 컴포넌트, 라우팅 구조
(프론트엔드) 회사 페이지 제작 — 2
메인 히어로 배너, Forum, Contact Us 섹션
(프론트엔드) 회사 페이지 제작 — 3
회사소개 · 서비스 · 리더십 등 세부 페이지 UI 완성

React, Node.js, MongoDB를 활용해 회사 웹사이트를 직접 제작하는 과정을 배울 수 있는 실전 강의입니다. 간단한 React, Node.js 배경으로 풀스택 프로젝트를 같이 만들어요!
수강생 310명
난이도 중급이상
수강기한 무제한







LGCNS 비즈테크파트너스
임직원들도 이 강의를 듣고 있어요!





LGCNS 비즈테크파트너스
임직원들도 이 강의를 듣고 있어요!
먼저 경험한 수강생들의 후기
5.0
yoonjangg
좋은 강의 감사합니다.
5.0
hdr.ecssh
풀스택 과정을 매우 저렴한 가격으로 강의를 완성도있게 제작해주신점 감사합니다. 열심히 듣겠습니다!
5.0
초보자
너무 친절한 설명과 질문에 대한 답변 좋은 금액대에 비해 너무나 고퀄리티 강의였습니다.
React & Tailwind CSS로 트렌디한 UI를 설계, 구현
Node.js와 Express로 백엔드 서버 구축
MongoDB와 Express Router로 데이터베이스 설계 및 관리
프론트엔드와 백엔드 간의 데이터 통신 이해
실제 회사 웹사이트 수준의 프로젝트 완성
React로 트렌디한 UI를 설계하고, Node.js·MongoDB로 백엔드와 문의·게시글 관리까지 — 실제 회사 홈페이지 수준의 Production Ready 풀스택 프로젝트를 완성합니다.
강의 소개 영상강의 구매 전 직접 접속해보고 경험해보세요.
https://my-company-cdfa1.web.app 사이트 열기 →Voice to Text 강의 오픈을 기념해 나만의 회사 웹사이트 강의 30% 할인을 드립니다. 아래 쿠폰과 함께 Voice to Text 강의도 확인해 보세요.
링크를 클릭하면 나만의 회사 웹사이트 강의로 이동하며,
쿠폰이 적용된 할인가로 수강할 수 있습니다.
※ 8월 2일 23:59까지만 적용됩니다.
WhisperX · Gemini · PortOne으로 업로드부터 전사·결제·배포까지, Voice AI SaaS 전체 흐름을 실습합니다.
👉 강의 보러가기Zustand 상태 관리부터 Windows·Mac·Linux 배포까지, 데스크톱 앱 전체 흐름을 실습합니다.
👉 강의 보러가기PyTorch 모델 · FastAPI 백엔드 · Next.js 프론트엔드로 AI 풀스택 서비스를 완성합니다.
👉 강의 보러가기회사 소개·서비스·문의·게시판·관리자까지, MERN 스택으로 실제 서비스 수준의 회사 웹사이트를 처음부터 배포까지 완성합니다.
그 비결은 React, Node.js, MongoDB, HTML/CSS, JavaScript로 구성된 강력한 기술 스택에 있습니다. 트렌디한 UI와 효율적인 데이터 관리로 사용자 경험을 극대화하는 방법을 배웁니다.
3년간의 프로젝트 경험으로 검증된, 회사 웹사이트 제작 실무 방법론을 그대로 전수합니다.
스키마 설계, 상태 관리, DB 최적화 등 실무에 필요한 풀스택 핵심 스킬과 인사이트를 제공합니다.
모든 코드를 직접 작성하고 테스트하며, 실제로 동작하는 고품질 웹사이트를 완성합니다.
HTML·CSS·JS와 React·Node.js 기초만 있으면 따라올 수 있도록, 단계별로 친절하게 안내합니다.
UI · API · DB · 관리자까지, 회사 웹사이트에 필요한 기능을 한 프로젝트로 완성합니다.
컴포넌트를 활용해 재사용 가능한 모던 UI를 설계하고, 효율적인 상태 관리로 반응형 웹사이트를 구현합니다.
RESTful API를 설계하고, 클라이언트와 서버 간의 데이터를 안정적으로 통신하는 백엔드 기술을 배웁니다.
스키마·모델로 데이터 구조를 설계하고, Express Router로 유연한 RESTful API를 구현합니다.
React, Node.js, MongoDB를 통해 Production Ready 웹사이트를 완성합니다.
회사 소개 페이지부터 게시판·문의·관리자 인증까지 하나의 서비스로 설계합니다.
프론트엔드 UI부터 관리자·문의 시스템, 다국어·배포까지 단계적으로 구성합니다.
VS Code · Node.js · React Vite · GitHub 세팅과 프로젝트 뼈대 구축
Tailwind 적용, Navbar · Footer 컴포넌트, 라우팅 구조
메인 히어로 배너, Forum, Contact Us 섹션
회사소개 · 서비스 · 리더십 등 세부 페이지 UI 완성
MongoDB 연동, User 모델, 인증 기반 설계
로그인 · JWT · 보호된 Admin 라우트
Contact 모델, 문의 접수 API, 관리자 목록
상태 관리, 상세 조회, 프론트·백엔드 연동
게시글 CRUD, 이미지 업로드, 관리자 대시보드 UX
UI 모션, i18n, 프로덕션 도메인 배포
따라오기 어려운 분들을 위한 핵심 개념 보충 설명
React, Node.js, MongoDB로 실제 회사 웹사이트를 처음부터 끝까지 만들고 싶은 분
Production Ready 수준의 회사 홈페이지 프로젝트를 포트폴리오에 추가하고 싶은 분
기초는 알았지만, 실무형 스키마·API·관리자 시스템까지 한 번에 탄탄히 잡고 싶은 분
React · Node.js · MongoDB · Tailwind로
실제 서비스에 가까운 풀스택 프로젝트를 완성합니다.
학습 대상은
누구일까요?
React, Node.js, MongoDB로 풀스택 웹 개발에 도전하고 싶은 분들
실제 회사 웹사이트 수준의 프로젝트를 완성해보고 싶은 분들
웹 개발을 처음 시작하지만 체계적으로 배우고 싶은 초보자
포트폴리오에 프로젝트를 추가하고 싶은 취준생 및 직장인
기초를 다지며 실무에 필요한 개발 기술을 익히고 싶은 분들
선수 지식,
필요할까요?
React
Node.js
HTML
CSS
JavaScript
커리어인증
2,176
명
수강생
95
개
수강평
70
개
답변
4.5
점
강의 평점
12
개
강의
안녕하세요! 서강대학교 컴공과를 졸업하고 현재 대학원 진학을 준비 중인 학생입니다.
고등학교 때 우연히 풀스택 웹 개발과 파이썬을 활용한 자동 매매를 시작하면서 프로그래밍에 빠지게 되었습니다.
그 후 다양한 프로젝트와 프로그래밍 과외활동을 경험하며 실력과 노하우를 공유했습니다. 이러한 경험을 통해 프로그래밍을 처음 접하는 분들에게도 "이렇게 쉬울 수 있구나!"라는 느낌을 줄 수 있는 강의를 만들고자 노력하고 있습니다.
실용적인 예제와 친근한 설명으로 여러분의 학습을 돕고 싶습니다. 감사합니다.
전체
76개 ∙ (15시간 13분)
해당 강의에서 제공:
전체
30개
4.9
30개의 수강평
수강평 5
∙
평균 평점 5.0
5
React와 Node를 한번에 이해하기 좋아요 쉬운 예제이면서 꼭 필요한 것들을 알려주세요
좋은 후기 남겨주셔서 감사합니다 😊 React와 Node를 함께 보면서 구조를 이해하는 데 도움이 되었다고 말씀해주셔서 정말 기쁩니다. 말씀해주신 것처럼 복잡한 개념보다는 꼭 필요한 흐름을 쉽게 이해할 수 있도록 구성하려고 했는데, 그 부분이 잘 전달된 것 같아 보람을 느낍니다. 앞으로도 실무에서 바로 연결해서 이해하실 수 있도록 더 직관적인 예제와 흐름 중심의 강의를 계속 만들어보겠습니다. 소중한 피드백 감사합니다!
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!
신규가입 25% 할인
₩33,000
25%
₩44,000