채널톡 아이콘

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

React로 광고 수익형 웹사이트를 만들어 봅니다. 광고를 최적화 하고 서버 비용을 줄이기 위한 방법과 규모에 따른 사이트 운영 Tip까지 배워봅니다.

Thumbnail

초급자를 위해 준비한
[풀스택, 창업 · 부업] 강의입니다.

이런 걸 배울 수 있어요

  • MBTI 콘텐츠 플랫폼 사이트 제작 및 무료 배포 방법

  • Adsense와 쿠팡 파트너스 등 어필리에이트 광고 삽입 및 수익 최적화

  • 매출 규모에 따른 스택 변경 Tip

  • SEO 최적화 & 광고 최적화를 위한 Tip

내 웹사이트로 수익을 창출하는 방법? 🤔

“잠자는 동안에도 돈이 들어오는 방법을 찾아내지 못한다면 당신은 죽을때까지 일을 해야만 할 것이다.”
워런 버핏의 유명한 격언이죠. 이는 프로그래밍을 하는 이들에게도 해당됩니다.

이 강의에서는 우리가 직접 수익 창출에 최적화된 콘텐츠형 웹사이트를 만들어 봅니다. 처음에는 그저 재밌어서, 또는 취업을 위해서 시작했던 개발 공부. 어느새부터 공부를 위한 공부가 되어 지루함을 느낀 분들이 있을텐데요.

이 강의를 통해 바로 수익을 내기 위한 웹사이트를 함께 만들어 보세요. 좋은 서비스는 개발 난이도의 문제가 아니라는 것, 유저들이 재밌게 이용하는 나만의 서비스를 만들며 수익도 충분히 만들 수 있다는 것을 함께 느껴보세요!

이 강의를 듣기만 하면 자동으로 수익이 발생한다고 약속할 수 없습니다.

하지만 이 강의를 들으면 나를 위해 돈을 벌어다주는 무기 사용법을 배울 수 있어요.

100%라는 것은 당연히 없습니다. 무조건 돈을 벌 수 있다고 말하는 것은 사기꾼이거나 스스로를 속이는 것 뿐이죠.


하지만 성공의 확률을 높여갈 수는 있어요.


빠르게 런칭해서, 빠르게 검증하고, 빠르게 수익화하기


IT 대기업에서도 개발자를 자르는 시대에 우리가 갖춰야 할 태도입니다.

그리고 확률을 높이기 위한 첫걸음은 '빠르게 시도하기'입니다.


이 강의를 통해 우리는 빠르게 서비스를 만들어 런칭하고 수익성을 검증해 볼거예요.

그리고 실패할 수도 있습니다. 그래서 최대한 0원의 비용으로 시작하고 검증해 보려고 합니다.

이렇게 여러번의 시도를 통해 우리는 새롭게 배우고, 성공의 확률을 높여갈 것입니다.


노동 소득이 중요하지만, 노동 소득에 온전히 기댈 수 없는 시대가 되었어요. 우리만의 서비스를 만들어 스스로 자본주의에서 살아남기 위한 시도가 필요한 시기입니다.

이런 서비스를 만들어요

MBTI 기반 심리테스트 모음 React 웹앱(Web Application)

실제 운영중인 케이테스트 서비스 링크 -> https://ktestone.com/

테스트 리스트 메인 화면
여러 테스트가 모여있는 유튜브 썸네일 리스트 형태의 메인 화면입니다.

콘텐츠 별 인트로 화면
유저들이 친구들에게 공유하게 될 각 테스트 콘텐츠 별 인트로 화면입니다.

퀴즈 화면
각 테스트 별 고유한 퀴즈 콘텐츠 화면입니다.

결과 페이지
쿠팡 파트너스 버튼, 소셜 공유 버튼, 다른 테스트로 가기 썸네일 등 수익화에 가장 중요한 화면입니다.

21세기는 트래픽이 곧 수익이 되는 시대입니다.
그리고 그 트래픽은 매력적인 콘텐츠를 가진 이들에게 집중되기 마련이죠.

유튜브, 블로그, 인스타그램 등에서 너무나 많은 이들이 너무나 많은 콘텐츠로 수익을 발생시키기 위해 노력합니다. 하지만 그렇게 경쟁이 심해질수록 자신만의 경쟁력을 갖추기는 힘들어지고 일주일 노력해보다가 '내 길이 아닌가보다'하고 그만두게 되죠.


💡다른 이들이 거의 시도하지 않은, 그럼에도 매력적인 서비스를 직접 만들어 운영한다면 어떨까요?
1인 개발자(인디해커: Indie Hacker) 혼자서 노트북 하나만 들고 전세계를 돌아다니며 한달에 적게는 수백 만 ~ 수천 만원씩 수익을 내는 사람들이 있습니다. Pieter Levels가 가장 대표적인 인디해커죠(꼭 검색해보시기 바랍니다).


이렇게 성공한 인디해커의 특징과 장점은 각자 다르지만 공통점 하나가 있습니다.

빠르게 실행하고 빠르게 실험하고 빠르게 피드백하기

이들은 시간이 곧 돈이라는 명제를 삶으로 증명해 내는 이들입니다. 아이디어가 있다면 앞뒤 재지 않고 빠르게 제작해서 시장에 빠르게 선보인 후, 빠르게 피드백을 받아 빠르게 개선하죠.

실패하더라도 상관 없습니다. 자신의 코딩 노하우를 통해 비용을 0원으로 시작해 리스크를 확 줄였기 때문이죠. 실패한 시도들은 오히려 자신의 포트폴리오가 되고 성공을 위해 배워야 할 자양분이 됩니다.


👍 앞으로 <코딩 배워 투자하자: 코배투>와 함께 매력적인 수익형 프로그래밍의 세계로 발을 내딛어 보시길 바랍니다.
2020년부터 여러 서비스를 시도하며 실패와 성공을 반복하면서, <빠른 실행/실험/피드백>을 위한 인디해커로서의 노하우를 담았습니다.


이 강의에서는 완성된 결과물을 만들기 위해 코딩에 관련된 내용이 뼈대를 이루지만, 그 근간에는 수익형 웹사이트를 운영하기 위한 노하우를 녹여두었으니 마음껏 즐기시기 바랍니다.

이번 강의에서는 React를 사용합니다(추후 다음 시리즈 강의에서는 Next.js를 사용합니다).

이번 강의에서는 Javascript를 사용합니다(추후 다음 시리즈 강의에서는 Typescript를 사용합니다).

💡서비스 초기, 최대한 비용 없이 서비스를 운영하는 것에 초점을 맞추어 시장 검증을 진행하기 위한 준비를 합니다.

💡React, AWS, cloudflare, adsense, Google Analytics 등의 기술 스택을 다룹니다.

이런 분들께 추천해요

웹 수익화에 관심있어요.
포트폴리오를 넘어 실제로 수익이 발생하는 웹 서비스를 만들고 싶은 분

나만의 서비스를 만들고 싶어요.
이 강의를 발판 삼아 여러 형태의 수익형 서비스에 응용하고 싶은 분

빠른 시장 테스트를 원해요.
서비스 성공 확률을 높이기 위해 빠르게 제작 후 시장 검증을 하기 원하는 분

수강 후에는

  • MBTI, 퀴즈 등 콘텐츠에 특화된 서비스 사이트 제작 & 배포의 기본기를 배울 수 있어요.

  • Adsense, 쿠팡 파트너스 등 수익을 위한 광고 솔루션 사용 노하우를 알려드려요.

  • 발빠른 시장 테스트를 위한 기술 스택을 선택하는 방법을 알려드려요.

  • 복잡한 서버 구축 없이 프론트엔드만으로 초기 서비스를 안전하게 운영할 수 있어요. AWS, CloudFlare Pages를 활용한 무료 호스팅과 CI/CD는 보너스.

  • 우리 사이트에 들어오는 트래픽을 정확히 측정하고 광고 수익을 높이기 위한 Google Analytics 사용법도 알려드려요.

강사가 개발, 운영하는 케이테스트(KTEST)의 실제 지표들*

(*지표는 상황과 콘텐츠에 따라 달라질 수 있으며 이 강의는 트래픽을 보장하지 않습니다.)


[ 구글 애널리틱스 지표 ]

GA 실시간 방문자 화면

GA 방문자 추이 화면

[ 네이버 실시간 검색어* ]

(*현재는 네이버의 실시간 검색어 서비스가 종료된 관계로 해당 이미지는 과거의 이미지를 첨부하였습니다.)

네이버 실검 화면

네이버 실검 화면

[ 네이버 기사 및 지식인 노출 ]

네이버 기사 화면

네이버 기사 화면

네이버 지식인 화면

이 강의의 특징

📌 기술을 위한 기술이 아닌 실용적인 사이트 구축과 수익화에 필요한 내용에 집중합니다.

📌 단순히 따라하는 강의가 아니라 수익화 전략을 함께 고민히며 코딩합니다.

📌 어쩔 수 없는 경우가 아닌 이상 최대한 무료 인프라를 활용해 비용 부담을 낮춥니다.

📌 소스 코드 공유는 기본. 더 좋은 수익 전략이 업데이트 될 때마다 강의가 함께 업데이트 됩니다.

수강 전 참고 사항

실습 환경

  • 강의는 MacOS 기준으로 설명합니다. 윈도우 사용자도 무리없이 따라오실 수 있습니다.

  • 강의에서는 VS code를 사용합니다. 에디터의 종류에 구애 받지 않습니다.

  • AWS / Adsense / Google Analytics / CloudFlare 등의 계정은 각자의 계정으로 진행합니다.

학습 자료

  • 이 강의에서 다루는 소스코드 및 개발 프로세스 Github repo

  • 전체 강의 내용이 담긴 PDF 파일

  • 복사/붙여넣기로 바로 사용할 수 있는 JS Code 파일

  • 수익형 서비스 아이디어 및 리서치 자료가 취합된 Notion 페이지(Update)

선수 지식 및 유의사항

  • 기본적인 자바스크립트 문법 (

    필수는 아닙니다. 문법과 이론에 집중하는 강의가 아닙니다.)

  • 기본적인 리액트 사용법 (마찬가지로 필수는 아닙니다. 어떻게 하면 빠르게 서비스를 구현할지에 초점을 맞춘 강의입니다.)

  • 기본 SQL 지식 (역시나 필수는 아닙니다. 엑셀을 다뤄본 정도면 충분합니다.)


  • 더 좋은 수익 전략 또는 아이디어가 정리되면 강의가 함께 업데이트 됩니다.

  • 강의에서 제공되는 예시 콘텐츠(이미지, 텍스트 등)와 클론하는 케이테스트(https://ktestone.com)의 모든 콘텐츠 저작권은 케이테스트에게 있습니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 주수익원 이외에 부업으로 광고 수익 사이트를 운영하고 싶은 사람

  • 자는 동안에도 수익이 발생하는 나만의 디지털 자산을 구축하고 싶은 사람

  • 이론이 아닌 실무에서 바로 개발 역량을 사용하고 싶은 사람

  • 블로그, 유튜브 등과는 차별화 된 콘텐츠 사이트를 만들고 싶은 사람

  • 이 강의를 발판 삼아 다른 형태의 수익형 웹사이트에 응용하고 싶은 사람

  • 1인 개발에 최적화된 실무형 프로그래밍을 배우고 싶은 사람

선수 지식,
필요할까요?

  • Javascript에 대한 아주 기초적인 지식

  • React 기초(필수 X)

안녕하세요
코배투입니다.

394

수강생

6

수강평

13

답변

5.0

강의 평점

2

강의

<코딩 배워 투자하자> 코배투입니다.

수익형 프로그래밍 <코딩 배워 사업하자> 시리즈 강의로 여러분께 먼저 선보입니다.

1개월에 수익형 서비스를 하나씩 런칭하는 [한달 런칭 챌린지 클럽]과 [코배투 뉴스레터]를 운영하고 있습니다.

https://maily.so/cobaetoo

2018년부터 금융권 기업 대상 재무 데이터 분석, 퀀트 프로그래밍 강의를 진행하고 있고,

2020년부터 MBTI 기반 심리테스트 플랫폼 <케이테스트>를 개발/운영하고 있습니다.

https://ktestone.com/

더보기

커리큘럼

전체

73개 ∙ (19시간 31분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

전체

6개

5.0

6개의 수강평

월 ₩52,360

5개월 할부 시

₩261,800