강의

멘토링

로드맵

Programming

/

Web Development

(2025) MBTIテストに基づいた収益型ウェブサイト構築 - 「コーディングを学んで事業を始めよう」

Reactで広告収入型ウェブサイトを作ってみましょう。広告を最適化し、サーバー費用を削減する方法や、規模に応じたサイト運営のTipsまで学べます。

  • cobaetoo
풀스택
React
AWS
cloudflare
adsense
Google Analytics

学習した受講者のレビュー

こんなことが学べます

  • MBTIコンテンツプラットフォームサイトの製作および無料配布方法

  • AdSenseやクーパンパートナーズなどのアフィリエイト広告の挿入と収益の最適化

  • 売上規模に応じたスタック変更Tips

  • SEO最適化 & 広告最適化のためのTip

私のウェブサイトで収益を生み出す方法? 🤔

「眠っている間にお金が入る方法を見つけることができなければ、あなたは死ぬまで仕事をしなければなりません。」
ウォーレン・バフェットの有名な格言です。これはプログラミングをしている人にも当てはまります。

このレッスンでは、直接収益化に最適化されたコンテンツタイプのウェブサイトを作成します。最初はただ楽しくて、または就職のために始めた開発勉強。いつの間にか勉強のための勉強になって退屈を感じた方がいます。

このレッスンですぐに収益を得るためのウェブサイトをまとめてください。良いサービスは開発難易度の問題ではないということ、ユーザーが楽しく利用する自分だけのサービスを作り、収益も十分に作れることを一緒に感じてください!

この講義を聞くだけで、自動的に収益が発生すると約束することはできません。

しかし、この講義を聞くと私のためにお金を稼ぐ武器の使い方を学ぶことができます。

100%というのは当然ありません。無条件でお金を稼ぐことができると言うのは詐欺師だったり、自分をだますだけです。


しかし、成功の確率を高めることはできます。


素早く立ち上げ、素早く検証し、迅速に収益化


IT大企業でも開発者を切る時代に、私たちが備えるべき態度です。

そして確率を上げるための第一歩は「早く試す」です。


このレッスンを通じて、我々は迅速にサービスを作成し、起動し、収益性を検証します。

そして失敗するかもしれません。それで、できるだけ0ウォンの費用で始めて検証してみようと思います。

このように何度も試して、私たちは新たに学び、成功の確率を高めます。


労働所得が重要ですが、労働所得に完全に寄せられない時代になりました。私たちだけのサービスを作り、自ら資本主義から生き残るための試みが必要な時期です。

このようなサービスを作ります。

MBTIベースの心理テストコレクションReact Webアプリ(Web Application)

実際に運営されているケイテストサービスリンク - > https://ktestone.com/

テストリストメイン画面
複数のテストが集まっているYouTubeのサムネイルリスト形式のメイン画面です。

コンテンツ別イントロ画面
ユーザーが友達に共有する各テストコンテンツごとのイントロ画面です。

クイズ画面
各テストに固有のクイズコンテンツ画面。

結果ページ
クパンパートナーズボタン、ソーシャル共有ボタン、他のテストに行くサムネイルなど、収益化に最も重要な画面です。

✨21世紀は、トラフィックがすぐに収益になる時代です。
そしてそのトラフィックは魅力的なコンテンツを持つ人々に集中するようになります。

YouTube、ブログ、Instagramなどで、あまりにも多くの人があまりにも多くのコンテンツで収益を上げるよう努めています。しかし、そのように競争が激しくなるほど、自分だけの競争力を備えることは難しくなり、一週間努力してより「私の道ではないか」とやめてしまいます。


💡他の人がほとんど試していない、それでも魅力的なサービスを自分で作って運営するならどうでしょうか?
一人の開発者(インディハッカー:Indie Hacker) 一人でノートパソコンを一つ持って世界中を歩き回り、月に少なくは数百万~数千万ウォンずつ収益を出す人々がいます。 Pieter Levelsが最も代表的なインディハッカーです(ぜひ検索してください)。


このように成功したインディハッカーの特徴と利点はそれぞれ異なるが、共通点一つがある。

素早く走り、素早く実験し、素早くフィードバックする

これらは時間がまもなくお金という命題を人生で証明する人です。アイデアがあれば、前後に載せずに素早く制作して市場に素早く披露した後、素早くフィードバックを受けて素早く改善します。

失敗しても構いません。自分のコーディングノウハウを通じて費用を0ウォンで始めてリスクを確かめたからです。失敗した試みはむしろ自分のポートフォリオになり、成功のために学ぶべき養子になります。


👍今後<コーディング学び投資しよう:コバトゥ>と一緒に魅力的な収益型プログラミングの世界に足を踏み入れてみてください。
2020年から複数のサービスを試み、失敗と成功を繰り返しながら、<高速実行/実験/フィードバック>のためのインディハッカーとしてのノウハウを込めました。


このレッスンでは、完成した成果物を作成するためにコーディングに関連する内容がスケルトンを成しますが、その根幹には収益型ウェブサイトを運営するためのノウハウを溶かしておいたので、存分にお楽しみください。

この講義では、 Reactを使用します (次回の講義シリーズでは Next.js を使用します)。

今回の講義ではJavascriptを使用します(今後次のシリーズ講義ではTypescriptを使用します)。

💡サービス初期、できるだけ費用なしでサービスを運営することに焦点を当て、市場検証を進めるための準備をします。

💡 React, AWS, cloudflare, adsense, Google Analytics などの技術スタックを扱います。

こんな方におすすめです

Web収益化に興味があります。
ポートフォリオを超えて実際に収益が発生するWebサービスを作成したい方

自分だけのサービスを作りたいです。
この講義を踏み出して、様々な形の収益型サービスに応用したい方

迅速な市場テストが欲しい。
サービスの成功確率を高めるために迅速に制作後に市場検証をしたい方

受講後は

  • MBTI、クイズなどコンテンツに特化したサービスサイト制作&配布の基本を学べます。

  • Adsense 、Kupang Partnersなどの収益のための広告ソリューションの使用ノウハウを教えてください。

  • 迅速な市場テストのための技術スタックを選択する方法を教えてください。

  • 複雑なサーバー構築なしでフロントエンドだけで初期サービスを安全に運営できます。 AWSCloudFlare Pagesを活用した無料ホスティングとCI/CDはボーナス。

  • 私たちのサイトに入ってくるトラフィックを正確に測定し、広告収入を高めるためのGoogle Analyticsの使い方も教えてください。

講師が開発、運営するケイテスト(KTEST)の実際の指標*

(*指標は状況やコンテンツによって異なり、このレッスンはトラフィックを保証しません。)


[Googleアナリティクス指標]

GAリアルタイム訪問者画面

GA訪問者トレンド画面

[ネイバーリアルタイム検索語*]

(*現在はネイバーのリアルタイム検索語サービスが終了した関係で、該当画像は過去の画像を添付しました。)

ネイバー実検画面

ネイバー実検画面

[ネイバー記事および知識人露出]

ネイバー記事画面

ネイバー記事画面

ネイバー知識人画面

この講義の特徴

📌 技術のための技術ではなく、実用的なサイト構築と収益化に必要な内容に集中します。

📌 単に従う講義ではなく、収益化戦略を一緒に悩んでコーディングします。

📌仕方ない場合以外は、できるだけ無料のインフラを活用してコスト負担を下げます。

📌 ソースコードの共有は基本です。より良い収益戦略が更新されるたびに、講義は一緒に更新されます。

受講前の注意

練習環境

  • 講義はMacOSで説明します。 Windowsユーザーも無理なく従うことができます。

  • レッスンではVSコードを使用します。エディタの種類に拘束されません。

  • AWS/Adsense/Google Analytics/CloudFlare などのアカウントは、それぞれのアカウントに進みます。

学習資料

  • このレッスンで扱うソースコードと開発プロセスGithub repo

  • 完全な講義内容を含むPDFファイル

  • コピー/貼り付けとしてすぐに使用できるJS Codeファイル

  • 収益性の高いサービスのアイデアと調査資料をまとめたNotionページ(Update)

選手の知識と注意事項

  • 基本的なJavaScript文法(

    必須ではありません。文法と理論に集中する講義ではありません。)

  • 基本的なリアクトの使い方(同様に必須ではありません。どうすれば迅速にサービスを実装するかに焦点を当てた講義です。)

  • 基本的なSQL知識(やはり必須ではありません。Excelを扱っただけで十分です。)


  • より良い収益戦略やアイデアが整理されると、講義は一緒に更新されます。

  • レッスンで提供されているコンテンツの例(画像、テキストなど)とクローンされているケイテスト( https://ktestone.com)のすべてのコンテンツの著作権はケイテストにあります。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 主な収入源以外に、副業として広告収入サイトを運営したい人

  • 寝ている間にも収益が発生する自分だけのデジタル資産を構築したい人

  • 理論ではなく、実務で即戦力として開発スキルを活かしたい人

  • ブログやYouTubeなどとは差別化されたコンテンツサイトを作りたい人

  • この講義を足掛かりに、他の形態の収益型ウェブサイトに応用したい人

  • 一人開発に最適化された実践型プログラミングを学びたい人

前提知識、
必要でしょうか?

  • JavaScript のごく基本的な知識

  • Reactの基礎(必須ではない)

こんにちは
です。

1,027

受講生

11

受講レビュー

32

回答

4.7

講座評価

3

講座

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

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

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

https://maily.so/cobaetoo

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

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

https://ktestone.com/

カリキュラム

全体

75件 ∙ (19時間 58分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

8件

5.0

8件の受講レビュー

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

    受講レビュー 4

    平均評価 4.8

    修正済み

    5

    57% 受講後に作成

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

    • 코배투
      知識共有者

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

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

    受講レビュー 1

    平均評価 5.0

    5

    62% 受講後に作成

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

    • 코배투
      知識共有者

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

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

    受講レビュー 6

    平均評価 4.7

    5

    100% 受講後に作成

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

    • 코배투
      知識共有者

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

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

    受講レビュー 10

    平均評価 4.8

    5

    100% 受講後に作成

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

    • 코배투
      知識共有者

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

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

    受講レビュー 2

    平均評価 5.0

    5

    22% 受講後に作成

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

    • 코배투
      知識共有者

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

期間限定セール、あと3日日で終了

¥196,350

25%

¥31,930

cobaetooの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!