채널톡 아이콘

(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개의 수강평

  • 주말코딩

    수정됨

    수강평 4

    평균 평점 4.8

    5

    57% 수강 후 작성

    "이 수업은 찐입니다." 수익형 강의가 여러 곳 있지만, 현실에서 발생한 실제 데이터를 보여주며 개발하는 과정, SEO, 최적화, 여러 배포 방법까지 모두 설명해 주는 곳은 이 강좌밖에 없습니다. 강의를 들어보면 사실상 ‘혼자서 스타트업 세우기’ 수준입니다. 웬만한 소프트웨어 제품은 대부분 이런 과정으로 만들어지지 않을까 싶습니다. 제품 기획부터 개발, SEO와 마케팅, 그리고 최종적으로 수익으로 연결하는 과정까지 한 번에 배울 수 있습니다. 특히 웹 개발을 독학하신 분들에게는 무조건 수강을 추천드립니다. 이러한 내용은 혼자 배우기 어렵기도 하고, 실제 제품을 만들어도 그 외에 해야 할 것들이 이렇게 많다는 것을 깨닫게 됩니다. LLM을 활용해 개발 속도가 빨라지는 시대를 맞이하면서 배경지식이 더욱 중요해지고 있습니다. 수익형 강의는 이 하나만으로도 충분하다고 생각합니다. 작은 성공을 위해 여러 강좌를 찾아다니기보다, 이미 성공을 이룬 분에게 직접 노하우와 팁을 듣는 것이 성공으로 가는 빠른 길일 테니까요. 매달 20만 원씩만 수익이 나오는 사이트를 만들어도 1년에 240만 원의 수익이 되고, 5% 수익률로만 따져도 약 5,000만 원짜리 사이트가 됩니다. 수천만 원의 자산 가치를 지닌 사이트를 만드는 첫걸음이 바로 이 강의가 되지 않을까 싶습니다. 잘 들었습니다!!!

    • 코배투
      지식공유자

      이렇게 소중한 리뷰 남겨주셔서 감사합니다. 실제 수익형 웹사이트 구축까지 학습에 도움이 되었다니 뿌듯하고 감사하네요. 앞으로 광고형 수익 이외에도 결제 판매 수익 등 다른 형태의 수익형 서비스 구축 과정도 열심히 커리큘럼 구성해서 소개드리도록 하겠습니다! 부디 수익형 서비스로 경제적 자유에 더 가까이 다가가시길, 다시 한번 의미있는 리뷰 감사합니다!

  • dream have

    수강평 1

    평균 평점 5.0

    5

    30% 수강 후 작성

    웹서비스 수익화에 대해서 관심이 많았는데 궁금증이 해결되었습니다. 이 강의를 바탕으로 생각하는 서비스들을 출시하고 싶습니다. 초보분들도 알기 쉽게 강의가 진행이되어 도전 해볼만 합니다.

    • 코배투
      지식공유자

      리뷰 남겨주셔서 감사합니다! 전체 강의를 다 듣고 나시면 수익형 웹사이트가 어떤 식으로 개발되고 운영되는지 감을 잡으실 수 있을 거예요. 일부러 처음 웹 개발을 접하시는 분들이 챌린징하게 느낄만한 난이도로 커리큘럼을 구성했는데, 혹여나 어려운 부분이 있다면 편하게 질문 남겨주세요! 부디 수익형 서비스로 경제적 자유에 더 가까이 다가가시길, 다시 한번 의미있는 리뷰 감사합니다!

  • 써미츠

    수강평 1

    평균 평점 5.0

    5

    62% 수강 후 작성

    그동안 찾던 강의였어요 ㅠㅠ 수익이 나는 서비스를 만들고 싶어도 뭔가 정보가 파편화되어있는데, 이 강의에서 모두 알려주고 있어서 진짜진짜진짜 큰 도움이 됐습니다 ㅠㅠ 그리고 단순히 개발 내용만 알려주는 게 아니라, 직접 엄청난 트래픽이 들어오는 서비스를 운영해보시면서 겪은 경험을 토대로 설명해 주시니까 이해도 더 잘 되고 좋았습니다!! 무엇보다 0원으로 시작할 수 있는 스택들을 기반으로 알려주셔서 좋았어요. (물론 도메인 비용처럼 완전 0원은 아니지만) 이렇게 배운 내용들로 제 수익형 웹사이트를 직접 만들어 운영해볼 수 있는 '상테'가 되었다는 점이 이 강의의 진짜 가치라고 생각합니다!!! 여러 언어별로 대응하는 법도 알려주시니 글로벌 서비스 런칭해서 꼭 성공적인 수익 만들어보겠습니다. 이런 수익형 강의 만들어 주셔서 진짜 감사드려요!

    • 코배투
      지식공유자

      수익형 서비스 구축에 큰 도움이 되었다니 다행이네요, 감사합니다! 사실 도메인 비용도 0원으로 할 수 있는 방법이야 있는데, 퀄리티의 이슈 때문에 서비스용 도메인은 몇 천 원 - 몇 만 원까지 들더라도 직접 구매하시길 추천드렸어요 : ) 앞으로 더 정교한 수준으로 서비스를 구축하실 수 있도록 좋은 소식들과 새로운 강의 업데이트로 찾아뵙겠습니다. 부디 수익형 서비스로 경제적 자유에 더 가까이 다가가시길, 다시 한번 의미있는 리뷰 감사합니다!

  • Keonyeong Lee

    수강평 1

    평균 평점 5.0

    5

    22% 수강 후 작성

    딱 필요한 부분을 얻을 수 있어서 좋았습니다.

    • 박병조

      수강평 3

      평균 평점 5.0

      5

      61% 수강 후 작성

      좋은 강의 잘듣고 있습니다!^^

      • 코배투
        지식공유자

        좋은 리뷰 감사합니다! 앞으로 업데이트 되는 내용들도 강의에 새롭게 추가하도록 할게요 : ) 부디 수익형 서비스로 경제적 자유에 더 가까이 다가가시길, 다시 한번 의미있는 리뷰 감사합니다!

    비슷한 강의

    같은 분야의 다른 강의를 만나보세요!

    월 ₩52,360

    5개월 할부 시

    ₩261,800