MERN 스택 개발자 로드맵
MERN 스택 개발자에게 필요한 순서대로 놓은 무료 강의입니다. 페이지를 위한 HTML, CSS, JavaScript, 화면을 위한 React, 이어서 서버를 위한 Node.js와 Express, 데이터를 위한 MongoDB, 그리고 그것을 안전하게 지키는 로그인. 첫 태그부터 마지막 API 라우트까지 언어는 JavaScript 하나이고, 모든 레슨은 브라우저에서 실행됩니다.
711,880+ 명의 codders가 이 코스들에 등록함
718 개 강의808 챌린지3,295 퀴즈 문제
- 초보자 환영
AI 코딩 도우미
실습 중심의 대화형 강의
모든 레슨에 음성 나레이션 제공
지식을 확인하는 퀴즈
마지막에 경로 수료증, 그리고 과정 중 16개 더
MERN 스택 로드맵, 단계별로
각 단계는 이미 있는 Coddy 강의의 한 섹션입니다. 순서대로 진행해도 되고 빠진 것부터 바로 시작해도 됩니다. 진도는 어느 쪽이든 강의별로 저장됩니다.
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
해보면서 배우기
실제 코드를 작성하고, 데이터베이스를 쿼리하고, 웹사이트를 구축하고, AI 프롬프트를 마스터하세요. 인터랙티브 레슨으로 현대 개발자에게 필요한 모든 기술을 다룹니다.
연속 기록을 쌓아보세요
꾸준히 하고 성장하는 모습을 지켜보세요! 매일 코딩 습관을 추적하고, 동결 기능으로 연속 기록을 보호하고, 매일 참여해서 보상을 받으세요.
12 일 연속
내일도 돌아와서 연속 기록을 유지하세요!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
더블 오어 낫싱
7일 중 5일차
연속 기록 동결
2 left
당신은 혼자가 아닙니다
글로벌 리더보드에서 경쟁하고, 친구를 초대해서 보상을 받고, 서로의 성공을 축하하세요. 코딩은 친구와 함께하면 더 좋아요!
1
2
3
승급 구역모든 방식으로 학습
읽고, 듣고, 스스로 확인하고, AI에게 묻고, 이미 배운 내용을 찾아보세요. 모든 수업이 당신에게 맞춰집니다.
변수는 나중에 프로그램에서 참조할 값을 저장하는, 이름이 있는 컨테이너입니다.
Python에서는 이름, 등호, 저장할 값을 차례대로 써서 만듭니다.
값은 시간이 지나며 바뀔 수 있습니다. 재할당하면 그 이름이 새로운 값을 가리킵니다.
수료증을 받으세요
완료한 모든 코스에 대해 인증서를 받으세요. LinkedIn 프로필과 이력서에 추가하여 고용주에게 코딩 전문성을 보여주세요.
수료증
Python 기초
LinkedIn에 추가MERN 스택을 Coddy에서 배워야 하는 이유
- 모든 계층이 코드 바로 옆에서 실행됩니다. React 컴포넌트는 입력하는 대로 렌더링되고, Express 서버는 메서드, 헤더, JSON 본문을 고르는 요청 바에 응답하며, MongoDB 쿼리는 Data 탭에서 열어 볼 수 있는 데이터베이스에서 실행됩니다. 설치할 것이 없으니 학교 노트북으로도 됩니다.
- 스택 전체에 언어 하나. 이 경로는 처음 단계들을 JavaScript와 브라우저에 쓰기 때문에, Node.js가 나올 때 서버는 새 언어가 아니라 새로운 개념입니다. 같은 함수, 객체, 비동기 코드가 이제 요청에 응답합니다.
- 백엔드 섹션마다 프로젝트가 있습니다. 명령줄 메모 도구, 레시피 사이트, 할 일 관리 API, MongoDB 위의 책 평점 API, 계정이 있는 메모 앱. 모두 레슨마다 조금씩 만들고, 여러분의 서버에 실제 요청을 보내는 검사로 채점됩니다.
- 여러분의 코드를 읽는 힌트. 라우트가 404를 돌려주거나, 쿼리가 아무것도 돌려주지 않거나, 로그인이 엉뚱한 사용자를 들여보낼 때, AI 튜터 Bugsy는 여러분이 작성한 내용을 보고 수정을 대신 써 주지 않으면서 해당 줄을 짚어 줍니다.
MERN 스택에 대한 자주 묻는 질문
MERN 스택이란 무엇인가요?
네 가지 도구로 웹 애플리케이션 전체를 JavaScript로 만드는 방법입니다. MongoDB는 데이터를 문서로 저장하고, Express는 Node.js 프로그램을 웹 서버와 API로 바꾸고, React는 브라우저에서 실행되는 화면을 만들고, Node.js는 서버에서 JavaScript를 실행합니다. 브라우저의 React 코드가 Express API를 호출하고, 그 API가 MongoDB를 읽고 씁니다.
MERN의 풀네임은 무엇인가요?
MERN은 MongoDB, Express, React, Node.js를 뜻합니다. 이 순서는 단어의 글자 순서일 뿐 배우는 순서가 아닙니다. 이 경로에서는 페이지(HTML, CSS, JavaScript, React)부터 시작해 서버(Node.js와 Express)와 데이터베이스(MongoDB)로 넘어갑니다.
MERN 스택 개발자는 무슨 일을 하나요?
데이터베이스부터 화면까지 기능을 만듭니다. MongoDB 문서를 설계하고, 그것을 생성, 조회, 수정, 삭제하는 Express 라우트를 작성하고, 로그인으로 그 라우트를 보호하고, 그것을 호출하는 React 페이지를 만듭니다. 네 도구가 모두 JavaScript이기 때문에 개발자 한 명이 하나의 기능을 모든 계층에 걸쳐 따라갈 수 있습니다.
MERN 스택은 지금도 배울 가치가 있나요?
네. React와 Node.js는 웹 개발에서 가장 많이 쓰이는 도구 중 두 가지이고, Express와 MongoDB는 그들과 가장 흔히 짝을 이루는 도구입니다. 그래서 다른 데이터베이스나 프레임워크를 쓰는 팀에서도 기술이 그대로 이어집니다. 스택 하나를 처음부터 끝까지 배우면 어떤 웹 애플리케이션이든 어떻게 맞물려 돌아가는지도 알게 되는데, 그것이 바로 면접에서 묻는 것입니다.
MERN 스택과 MEAN 스택 중 무엇을 배워야 하나요?
지금 시작하는 대부분의 사람에게는 MERN입니다. 두 스택은 MongoDB, Express, Node.js를 공유하고 프론트엔드만 다릅니다. MERN은 React, MEAN은 Angular입니다. React가 둘 중 더 널리 쓰이고 시작하기도 더 쉬우며, 나중에 Angular로 옮겨 가더라도 새 스택이 아니라 새 프레임워크 하나만 배우면 됩니다.
MERN 스택을 배우는 데 얼마나 걸리나요?
하루 한 시간씩 해서 이 경로를 마치기까지 약 8개월에서 10개월입니다. HTML과 CSS가 약 6주, JavaScript와 브라우저가 2개월에서 3개월, React가 약 한 달, 그리고 다섯 개의 Node.js 섹션(Node.js, Express, REST API, MongoDB, 로그인)이 3개월 더 걸립니다. 이미 JavaScript를 안다면 React 단계부터 시작하면 되고, 약 4개월이 걸립니다.
아무것도 설치하지 않고 MERN 스택을 배울 수 있나요?
네, 이 경로에서는 가능합니다. 모든 레슨이 브라우저에서 실행됩니다. React는 에디터 옆에서 렌더링되고, Node.js 프로그램은 터미널에서 실행되며, 서버는 요청 바에 응답하고, MongoDB 섹션은 MongoDB 드라이버의 API를 그대로 쓰는 인메모리 데이터베이스를 사용합니다. 나중에 자신의 앱을 만들 때는 Node.js와 MongoDB를 컴퓨터에 설치하면 되고, 코드는 그대로 옮겨 갑니다.
MERN 스택 개발자 경로 수료증을 받을 수 있나요?
네. 모든 단계를 마치면 MERN 스택 개발자 경로 전체에 대한 무료 수료증 하나를 받습니다. 과정에서 마친 모든 강좌가 기재되고 각 강좌의 수료증으로 연결되어, 누구나 기재된 모든 기술을 확인할 수 있어요. LinkedIn 프로필에 추가할 수 있습니다. Coddy가 발급하는 수료증이며, 공인 자격이 아닙니다.
