수익형 웹 서비스 입문

웹 서비스 만들고 수익 창출하는 방법

강의

32강

퀴즈

10개

코드 실습

10개

프로젝트

4개

한눈에 보는 코스 특장점

나만의 웹 서비스를 만들고 수익을 창출하는 코스

스페셜 포인트

스토리로 이해하는 학습 개념
이제 일상 속 재밌는 이야기로 만나보세요

학습만화로 공부에 흥미를 붙였던 경험처럼
이제 일상 속 재밌는 이야기를 통해 이해하고 학습하세요

학습 드라마 요약툰 자세히 보기

Point 1

알고리즘 설명을 통해 웹 서비스를
개발하는 방법을 알아봐요

Point 2

쉽게 이해되는 강의로 서비스를 개발해
수익 창출하는 방법을 배워요

Point 3

함께 실습하며 AI를 활용해
수익형 웹 서비스를 완성해요

Point 4

코드 프로젝트를 통해
학습 드라마 속 웹 서비스를 함께 만들어요

Point 5

학습 드라마를 통해
웹 서비스를 개발하는 즐거움을 느껴요

필요한 개념을 모두 담은 탄탄한 커리큘럼

드라마로 재밌게 개념을 익히고, 알짜배기 강의로
하나씩 클리어 해나가다보면 어느새 완강!

코스 소개
강의

A1. 인트로
학습 드라마
A2. 어떻게 만들지?
학습 드라마
A3. 프로젝트 기획 및 요구사항 분석하기
강의
A4. 기술 스택과 개발 환경 알아보기
강의퀴즈
A5. 엔딩
학습 드라마

B1. 인트로
학습 드라마
B2. 어떻게 만들지?
학습 드라마
B3. 데이터베이스 설계하기
강의퀴즈
B4. Supabase Storage 설정하기
강의퀴즈
B5. RLS 설정하기
강의퀴즈
[프로젝트 1] 데이터베이스 만들기
프로젝트
B6. 엔딩
학습 드라마

C1. 인트로
학습 드라마
C2. 어떻게 만들지?
학습 드라마
C3. React와 라이브러리 설정하기
강의퀴즈
C4. 레이아웃 구성하기
강의코드 실습
C5. 카페 목록 데이터 불러오기
강의
C6. 카페 데이터 화면에 표시하기
강의코드 실습
C7. 카페 목록 UI 구현하기
강의코드 실습
C8. 무한스크롤 구현하기
강의코드 실습
[프로젝트 2] 카페 목록 UI 만들기
프로젝트
C9. 찜하기 기능 구현하기
강의코드 실습
C10. 카페 검색 기능 구현하기
강의코드 실습
C11. 카페 필터링 기능 구현하기
강의코드 실습
[프로젝트 3] 검색 및 필터 기능 만들기
프로젝트
C12. 카페 상세 페이지 구현하기
강의코드 실습
C13. 지도에 카페 위치 나타내기
강의코드 실습
[프로젝트 4] 카카오맵 API 사용하기
프로젝트
C14. 최종 배포 및 운영
강의코드 실습
C15. 엔딩
학습 드라마

D1. SEO 최적화하기
강의퀴즈
D2. 직접 광고 받아서 수익 창출하기
강의퀴즈
D3. 조회수 기준으로 수익 창출하기
강의퀴즈

E1. Cursor AI 활용해서 바이브 코딩하기
강의퀴즈
E2. Claude code로 바이브 코딩하기
강의퀴즈

수익형 웹 서비스 입문

웹 서비스 만들고 수익 창출하는 방법

한눈에 보는 코스 특장점

필요한 개념을 모두 담은 탄탄한 커리큘럼

Node.js 백엔드 첫걸음

React 첫걸음

React 심화

타입스크립트 첫걸음

수익형 웹 서비스 입문

웹 서비스 만들고 수익 창출하는 방법

한눈에 보는 코스 특장점

필요한 개념을 모두 담은 탄탄한 커리큘럼

먼저 학습하고 오길 추천해요

Node.js 백엔드 첫걸음

React 첫걸음

같이 공부하면 좋아요

React 심화

타입스크립트 첫걸음