인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
Programming

/

Web Development

(2025) Creating a Revenue-Generating Website Based on the MBTI Test - <Learn to Code, Start a Business>

Let's build an ad revenue website with React. Learn how to optimize ads, reduce server costs, and tips for operating the site at scale.

(5.0) 8 reviews

202 students

React
AWS
cloudflare
adsense
Google Analytics

This course is prepared for Basic Learners.

What you will learn!

  • How to create and distribute an MBTI content platform site for free

  • Inserting affiliate ads such as AdSense and Coupang Partners and optimizing revenue.

  • Stack Change Tips Based on Sales Volume

  • Tips for SEO Optimization & Ad Optimization

How to monetize my website? 🤔

“If you don’t figure out how to make money while you sleep, you’ll be working until you die.”
This is a famous quote from Warren Buffett, and it applies to programmers too.

In this lecture, we will create a content-based website optimized for direct revenue generation . At first, you may have started studying development just for fun or for employment. However, some of you may have felt bored because it has become studying for the sake of studying.

Through this course, let's create a website that will generate income right away. Come and experience together that a good service is not a matter of development difficulty, and that you can create your own service that users enjoy using and make plenty of money!

I can't promise that just taking this course will automatically generate income.

But if you take this course, you will learn how to use a weapon that will make you money .

Of course, there is no such thing as 100%. Anyone who says that you can definitely make money is either a scammer or is fooling themselves.


But you can increase your chances of success .


Launch fast, validate fast, monetize fast


This is the attitude we need to have in an era where even large IT companies are cutting developers.

And the first step to increasing your odds is to 'try quickly' .


In this course, we will quickly create a service, launch it, and verify its profitability .

And it might fail. So we're going to start with as little as possible and try to validate it.

Through these many attempts, we will learn new things and increase our chances of success.


Labor income is important, but we have reached an age where we cannot rely entirely on labor income. It is time for us to create our own services and attempt to survive in capitalism on our own.

We create services like this

MBTI-based psychological test collection React web application

Link to the actual operating K-Test service -> https://ktestone.com/

Test List Main Screen
The main screen is in the form of a list of YouTube thumbnails containing various tests.

Intro screen by content
This is the intro screen for each test content that users will share with their friends.

Quiz screen
A unique quiz content screen for each test.

Results Page
The most important screens for monetization are the Coupang Partners button, social sharing buttons, and thumbnails for going to other tests.

The 21st century is an era where traffic becomes profit .
And that traffic tends to go to those with compelling content.

So many people are trying to make money with so much content on YouTube, blogs, Instagram, etc. But as the competition gets fiercer, it becomes harder to establish your own competitiveness, and after trying for a week, you end up thinking, 'This is not for me.'


💡 What if you could create and run a compelling service that few others have attempted?
There are solo developers (indie hackers) who travel around the world with only a laptop and earn millions to tens of millions of won per month. Pieter Levels is the most representative indie hacker (please search for him).


Although each of these successful indie hackers has different characteristics and strengths, they have one thing in common.

Run fast, experiment fast, and get feedback fast.

These are the people who prove through their lives that time is money. If they have an idea, they quickly produce it without thinking about the consequences, quickly release it to the market, and then quickly receive feedback and make improvements.

It doesn't matter if you fail. You've reduced your risk by starting with zero cost through your own coding know-how. Failed attempts become your portfolio and become nutrients you need to learn for success.


👍 We hope that you will step into the world of attractive, profitable programming with <Learn to Code and Invest: CoBatoo> in the future.
Since 2020, I have tried various services and experienced failure and success, and have accumulated my know-how as an indie hacker for <fast execution/experimentation/feedback>.


This course covers the coding aspects of creating a finished product, but it also includes know-how for running a profitable website, so enjoy.

In this lecture, we will use React (in the next lecture series, we will use Next.js).

This lecture uses Javascript (the next lecture in the series will use Typescript).

💡 In the early stages of service, we prepare to conduct market validation with a focus on operating the service with as little cost as possible .

💡 React, AWS, cloudflare, adsense, Google Analytics Covers technology stacks such as:

I recommend this to these people

I'm interested in web monetization.
Anyone who wants to create a web service that actually generates revenue beyond their portfolio

I want to create my own service.
Anyone who wants to use this lecture as a stepping stone to apply it to various types of revenue-generating services

I want a quick market test.
Those who want to quickly produce and then market-validate to increase the probability of service success

After class

  • You can learn the basics of creating and distributing service sites specializing in content such as MBTI and quizzes.

  • We will teach you how to use advertising solutions for profit, such as Adsense and Coupang Partners.

  • We'll show you how to choose a technology stack for rapid market testing .

  • You can safely operate the initial service with only the front-end without complex server setup . Free hosting and CI/CD using AWS and CloudFlare Pages are bonuses.

  • We'll also show you how to use Google Analytics to accurately measure the traffic coming to your site and increase your advertising revenue .

Actual indicators of KTEST developed and operated by instructors*

(*Indicators may vary depending on circumstances and content, and this course does not guarantee traffic.)


[ Google Analytics Metrics ]

GA Real-time Visitor Screen

GA Visitor Trends Screen

[ Naver real-time search terms* ]

(*Because Naver's real-time search service has ended, the image is an old image attached.)

Naver real-time search screen

Naver real-time search screen

[ Naver article and knowledge exposure ]

Naver article screen

Naver article screen

Naver Knowledge iN screen

Features of this course

📌 We focus on what it takes to build and monetize a practical site, not just technology for the sake of technology.

📌 This is not a lecture where you simply follow the instructions, but rather we code while thinking about monetization strategies together .

📌 Unless there is no other option, we will use free infrastructure as much as possible to reduce the cost burden.

📌 Sharing source code is a given. The course is updated as better profit strategies are updated .

Things to note before taking the class

Practice environment

  • The lecture is based on MacOS. Windows users can also follow along without difficulty.

  • In this lecture, we use VS code. You are not restricted by any type of editor.

  • Accounts such as AWS / Adsense / Google Analytics / CloudFlare will be handled separately.

Learning Materials

  • Source code and development process covered in this lecture Github repo

  • PDF file containing the entire lecture content

  • JS Code file ready to use by copy/paste

  • Notion page with revenue generating service ideas and research materials (Update)

Player Knowledge and Notes

  • Basic JavaScript Grammar (

    It is not required. It is not a lecture that focuses on grammar and theory.)

  • Basic React usage (again, not required. This course focuses on how to implement services quickly.)

  • Basic SQL knowledge (of course, not required. Experience with Excel is sufficient.)


  • As better profit strategies or ideas are compiled, the course will be updated accordingly.

  • All copyrights of the sample content (images, text, etc.) provided in the lecture and all content of K-Test (https://ktestone.com) that is cloned belong to K-Test.

Recommended for
these people!

Who is this course right for?

  • Someone who wants to run an ad revenue site as a side business, in addition to their main source of income

  • Someone who wants to build their own digital assets that generate revenue even while they sleep.

  • Someone who wants to use their development skills directly in practical work, not just in theory.

  • Someone who wants to create a content site that is differentiated from blogs, YouTube, etc.

  • Someone who wants to use this lecture as a stepping stone to apply it to other types of revenue-generating websites.

  • Someone who wants to learn practical programming optimized for solo development.

Need to know before starting?

  • Very basic knowledge of Javascript

  • React Basics (Optional)

Hello
This is

977

Students

10

Reviews

29

Answers

5.0

Rating

3

Courses

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

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

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

https://maily.so/cobaetoo

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

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

https://ktestone.com/

Curriculum

All

75 lectures ∙ (19hr 58min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

8 reviews

5.0

8 reviews

  • 주말코딩님의 프로필 이미지
    주말코딩

    Reviews 4

    Average Rating 4.8

    Edited

    5

    57% enrolled

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

    • 코배투
      Instructor

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

  • 써미츠님의 프로필 이미지
    써미츠

    Reviews 1

    Average Rating 5.0

    5

    62% enrolled

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

    • 코배투
      Instructor

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

  • jaehyun jo님의 프로필 이미지
    jaehyun jo

    Reviews 3

    Average Rating 4.3

    5

    100% enrolled

    제가 이쪽 분야를 잘 몰라서 중간중간 잘 이해가 안되는 부분이 있었는데 질문 남겨주시면 잘 답해주셔서 감사합니다. 이 강의는 react를 이용하여 서비스 운용이 가능할 정도의 틀을 알려줍니다. 저 같은 초보자에겐 참 도움이 많이 되었습니다. 앞으로 수익화에 관해서는 개선할 부분 및 해야 할 부분이 많아서 쉬운 길이 없다는 생각도 들더군요. 좋은 강의 감사합니다.

    • 코배투
      Instructor

      리뷰 남겨주셔서 진심으로 감사드립니다. 도움이 되었다니 정말 다행이네요! 다음 강의에서는 결제 솔루션을 붙여서 결제 수익을 얻는 강의로 찾아뵐 예정입니다. 부디 많이 응용하셔서 경제적 자유에 더 가까이 다가가시길, 다시 한번 의미있는 리뷰 감사합니다!

  • 서재원 Seo님의 프로필 이미지
    서재원 Seo

    Reviews 10

    Average Rating 4.8

    5

    100% enrolled

    좋은 강의입니다. 1인 개발자로 독립할 수 있는 기반을 만들어 줍니다.

    • 코배투
      Instructor

      좋은 리뷰 감사합니다! 필요한 부분을 얻으셨다니 정말 다행이네요. 부디 수익형 서비스로 경제적 자유에 더 가까이 다가가시길, 다시 한번 의미있는 리뷰 감사합니다!

  • Keonyeong Lee님의 프로필 이미지
    Keonyeong Lee

    Reviews 1

    Average Rating 5.0

    5

    22% enrolled

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

    • 코배투
      Instructor

      좋은 리뷰 감사합니다! 필요한 부분을 얻으셨다니 정말 다행이네요. 부디 수익형 서비스로 경제적 자유에 더 가까이 다가가시길, 다시 한번 의미있는 리뷰 감사합니다!

cobaetoo's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!