LEVEL 2 QUEST
개발자가 하는 일
프론트엔드·백엔드·풀스택 쉽게 이해하기
🏢
개발자의 세계 탐험
"개발자"라고 다 같은 일을 하는 게 아니에요!
프론트엔드, 백엔드, 풀스택, DBA 등 다양한 역할이 있어요
프론트엔드, 백엔드, 풀스택, DBA 등 다양한 역할이 있어요
🍽️ 식당으로 이해하는 개발자 역할
개발자의 역할을 식당에 비유하면 정말 쉬워요!
여러분이 맛있는 레스토랑에 갔다고 상상해보세요. 음식이 나오기까지 여러 사람이 각자의 역할을 하고 있답니다. 각각의 역할이 모두 중요하고, 서로 협력해야 최고의 서비스를 만들 수 있어요!
🙋
프론트엔드 = 홀 서빙
손님이 보는 모든 것!
메뉴판, 인테리어, 서빙
메뉴판, 인테리어, 서빙
👨🍳
백엔드 = 주방
손님은 못 보지만 핵심!
요리, 재료 관리, 레시피
요리, 재료 관리, 레시피
🗄️
DB = 창고
모든 재료 보관!
재고 관리, 유통기한 체크
재고 관리, 유통기한 체크
🦸
풀스택 = 만능 사장님
홀도 주방도 다 할 줄 아는
슈퍼 올라운더!
슈퍼 올라운더!
프론트엔드 개발자
사용자가 눈으로 보고 만지는 모든 것을 만드는 사람
프론트엔드 개발자는 사용자가 직접 보고 상호작용하는 화면을 만들어요.
웹사이트의 버튼, 메뉴, 애니메이션, 레이아웃 등 눈에 보이는 모든 것이 프론트엔드의 영역이에요.
디자이너가 그린 그림을 실제로 움직이는 화면으로 만드는 마법사 같은 존재! 예쁘게 만드는 것도 중요하지만, 다양한 기기(PC, 태블릿, 모바일)에서 잘 보이게 하는 것도 핵심이에요. 사용자 경험(UX)을 중요시하며, "사용하기 편한가?"를 항상 고민합니다.
디자이너가 그린 그림을 실제로 움직이는 화면으로 만드는 마법사 같은 존재! 예쁘게 만드는 것도 중요하지만, 다양한 기기(PC, 태블릿, 모바일)에서 잘 보이게 하는 것도 핵심이에요. 사용자 경험(UX)을 중요시하며, "사용하기 편한가?"를 항상 고민합니다.
🔧 사용하는 도구
HTML
CSS
JavaScript
React
Vue.js
TypeScript
Figma
백엔드 개발자
눈에 보이지 않지만 모든 것을 움직이는 엔진
백엔드 개발자는 서버, 데이터베이스, API 등 사용자 눈에 보이지 않는 부분을 만들어요.
회원가입할 때 비밀번호를 안전하게 저장하고, 로그인할 때 본인이 맞는지 확인하고, 결제할 때 돈이 정확히 처리되게 하는 것이 모두 백엔드의 역할!
식당으로 치면 주방장이에요. 손님은 주방을 볼 수 없지만, 맛있는 요리(=데이터)가 정확히 나오도록 모든 과정을 관리해요. 보안, 성능, 안정성을 담당하기 때문에 논리적 사고력이 매우 중요해요!
식당으로 치면 주방장이에요. 손님은 주방을 볼 수 없지만, 맛있는 요리(=데이터)가 정확히 나오도록 모든 과정을 관리해요. 보안, 성능, 안정성을 담당하기 때문에 논리적 사고력이 매우 중요해요!
🔧 사용하는 도구
Java
Python
Node.js
Spring
MySQL
AWS
Docker
풀스택 개발자
프론트엔드 + 백엔드 모두 가능한 만능 개발자
풀스택 개발자는 프론트엔드와 백엔드를 모두 할 수 있는 개발자예요!
혼자서 서비스 하나를 처음부터 끝까지 만들 수 있어요. 스타트업에서 특히 인기가 많답니다.
마치 1인 식당을 운영하는 것과 같아요! 메뉴 개발(백엔드)도 하고, 서빙(프론트엔드)도 하고, 인테리어(디자인)도 직접 해요. 모든 걸 다 알아야 하니 배울 것이 많지만, 그만큼 시장에서 가치가 높고 독립적으로 일할 수 있어요!
마치 1인 식당을 운영하는 것과 같아요! 메뉴 개발(백엔드)도 하고, 서빙(프론트엔드)도 하고, 인테리어(디자인)도 직접 해요. 모든 걸 다 알아야 하니 배울 것이 많지만, 그만큼 시장에서 가치가 높고 독립적으로 일할 수 있어요!
🔧 사용하는 도구
JavaScript
React
Node.js
Python
MongoDB
AWS
Next.js
DBA / 데이터 엔지니어
데이터를 안전하게 관리하고 분석하는 전문가
DBA(Database Administrator)는 데이터베이스를 관리하는 전문가예요.
우리가 앱에서 저장하는 모든 정보(회원정보, 게시글, 결제내역 등)가 안전하게 보관되고 빠르게 조회되도록 관리해요.
식당의 창고 관리자와 같아요! 어떤 재료가 얼마나 있는지, 유통기한은 언제인지, 어디에 보관하면 좋을지를 관리하죠. 데이터가 폭발적으로 늘어나는 시대에 점점 중요해지는 역할이에요!
식당의 창고 관리자와 같아요! 어떤 재료가 얼마나 있는지, 유통기한은 언제인지, 어디에 보관하면 좋을지를 관리하죠. 데이터가 폭발적으로 늘어나는 시대에 점점 중요해지는 역할이에요!
🔧 사용하는 도구
MySQL
PostgreSQL
MongoDB
Redis
SQL
🔄 웹 서비스가 만들어지는 과정
1
기획 & 디자인
기획자가 서비스를 설계하고, 디자이너가 화면을 그려요. "어떤 기능이 필요한가? 어떻게 생겨야 하나?"를 결정하는 단계!
2
프론트엔드 개발
디자이너의 시안을 실제 코드로 변환! HTML로 구조를 잡고, CSS로 예쁘게 꾸미고, JavaScript로 동작을 추가해요.
3
백엔드 개발
서버를 만들고 데이터베이스를 설계해요. 회원가입, 로그인, 결제 등 핵심 기능의 로직을 개발하는 단계!
4
API 연동
프론트엔드와 백엔드를 연결! API를 통해 화면과 서버가 데이터를 주고받아요.
5
테스트 & 배포
버그가 없는지 철저히 테스트하고, 문제가 없으면 서비스를 세상에 공개(배포)해요!
🧭 나에게 맞는 개발자 유형은?
🎨 이런 사람은 프론트엔드!
- 시각적인 결과물을 만드는 걸 좋아해요
- 디자인 감각이 있고 예쁜 것을 좋아해요
- 결과가 바로바로 눈에 보이는 게 좋아요
- 디자인 감각이 있고 예쁜 것을 좋아해요
- 결과가 바로바로 눈에 보이는 게 좋아요
⚙️ 이런 사람은 백엔드!
- 논리적으로 생각하는 걸 좋아해요
- 퍼즐이나 수학 문제 푸는 게 재미있어요
- 효율적인 시스템 설계에 관심이 있어요
- 퍼즐이나 수학 문제 푸는 게 재미있어요
- 효율적인 시스템 설계에 관심이 있어요
🦸 이런 사람은 풀스택!
- 처음부터 끝까지 혼자 만들어보고 싶어요
- 다양한 기술을 배우는 게 즐거워요
- 스타트업이나 1인 창업에 관심이 있어요
- 다양한 기술을 배우는 게 즐거워요
- 스타트업이나 1인 창업에 관심이 있어요
💡 AI 시대의 개발자
AI 시대에는 바이브코딩이라는 새로운 개발 방식이 등장했어요! AI에게 원하는 것을 말하면 코드를 대신 작성해주는 방식이에요.
하지만 AI가 작성한 코드를 이해하고 수정할 수 있는 능력은 여전히 사람만의 영역이에요.
개발의 기초를 알아두면 AI와 협업해서 10배 빠르게 개발할 수 있답니다!
🧠 퀴즈 타임!
Q1. 웹사이트에서 버튼을 클릭하면 색이 바뀌는 것을 만드는 개발자는?
Q2. 식당에 비유할 때 "백엔드 개발자"에 해당하는 역할은?
Q3. 스타트업에서 혼자 서비스를 처음부터 끝까지 만들어야 할 때 가장 적합한 역할은?
✅ 학습 체크리스트
프론트엔드, 백엔드, 풀스택의 차이를 이해했다
식당 비유로 각 역할을 설명할 수 있다
각 역할별 사용 도구를 알게 되었다
웹 서비스가 만들어지는 과정을 이해했다
나에게 맞는 개발자 유형을 생각해봤다
⚡ 필수
이 레슨의 난이도는 어땠나요?
👆 레슨 완료를 위해 난이도를 선택해주세요!
AI 학습 도우미
API 키 필요
AI 도우미를 사용하려면 API 키를 설정하세요.
Gemini는 무료로 사용 가능합니다!
피드백 & 요청사항
🧵 Threads 인증 필요