삽질없이 쉽게 따라하는 윈도우 개발 환경 셋업
Kenu 허광남
2시간 안에 git, VS Code, Node.js, Python, Java 개발 환경을 삽질없이 쉽게 윈도우에서 설정하는 방법입니다.
입문
Git, VSCode, Microsoft Windows
SPAの代名詞であるReact開発環境を構築し、Node.js基盤のAPI ServerとSwaggerを通じたAPI文書を自動生成します。ローカル開発環境と開発サーバーの違いを理解し、AWSを簡単に従って利用できます。 講義資料: https://bit.ly/okreactapi

React開発環境とサーバー構成
Viteベースの React 開発環境を作る
Node.jsベースのAPIサーバー
SwaggerによるAPI文書の自動化
ローカル開発環境と開発サーバーの違い
CORS問題の解決
AWS EC2サーバー構築基本
Nginx(Webサーバー) 基本的な使用方法
NginxとNode.jsの連携
無料HTTPS証明書発行
GitHub Actionsを利用したCI/CD自動化
SPAプロジェクトのローカル開発環境構築から
サーバーデプロイ自動化まで直接チャレンジしてみてください!✌
📢 受講前にご確認ください!
フロントエンド環境とAPIサーバーを開発したものの、いざどのようにデプロイすべきか途方に暮れていませんか?馴染みのない開発環境のセットアップとデプロイCI/CDのフローを身につけたいと思いませんか?
この講義では、Reactプロジェクトのローカル開発環境構築およびサーバーデプロイ自動化プロセスを直接体験してみます。既存のWeb開発方式とは異なるReactを利用したシングルページアプリケーション(SPA)開発環境を扱い、これをサーバーにデプロイしてサービスする方法について紹介します。また、Swaggerを利用したAPI文書自動化も併せて扱い、ローカル開発環境とデプロイされるサーバー環境との違いを学ぶことができます。
Windowsを基準に動画を作成しましたが、MacやLinuxでもほぼ同じように進めることができます。開発環境のセットアップから配信、自動化がどのように行われるのか、講義で直接確認してみてください!
VSCode
Node.js
Git
GitHub
GitHub Actions
AWS EC2
AWS Route53
Nginx + HTTPS
(SSL証明書)
01. 準備する
必須の開発プラットフォームと開発ツール、関連するアカウント登録の紹介
02. SPA開発環境構築
ローカルコンピュータで作業するためのフロントエンドとバックエンドの基本的なプロジェクト環境構成
03. デプロイプロセス
サービスのためにサーバーにデプロイする手順、方法の紹介
04. ドメイン登録とHTTPS設定
ドメインとサーバーを接続し、HTTPS接続のための方法紹介
05. デプロイの自動化
コードが変更されると自動的に開発サーバーにデプロイされる作業の説明
06. CORS設定
ローカル開発環境で発生するCORS問題とビルド環境変数の構成
時々YouTubeでプログラミング配信をしています。
Hello Worldを出力すれば開発準備は完了です!単純にコードを書いた経験があるというレベルで終わるのではなく、自分が作ったアプリケーションを人々が使えるようにサーバーに自分が作ったコードをアップロードしてサービスできる自信が生まれます。
Q. 非専攻者でも受講できる講義ですか?
はい、非専攻者でも十分に受講できます。関連プログラムのインストールから丁寧に説明いたします!
(前提知識としてJavaScriptを知っている必要があります!)
Q. 授業内容はどのレベルまで扱いますか?
ReactとNode.jsの文法は扱わず、開発環境構築と配備及び自動化について説明します。
Q. 講義で使用される技術のバージョンが上がった場合、講義のアップデートは行われますか?
講義の進行が困難になるほどメジャーバージョンが上がった場合、講義内容のアップデートは必要です。したがって2025年まではアップデートを念頭に置いています。
学習対象は
誰でしょう?
スタートアップの開発者として入社したのに先輩がいない方
SPA開発環境とサーバーデプロイが初めての方
AWSの利用が初めての方
HTTPSサーバー構成を学びたい方
CI/CD初心者
前提知識、
必要でしょうか?
JavaScript
767
受講生
51
受講レビュー
43
回答
4.6
講座評価
3
講座
https://okky.kr 창립자이며, https://github.com/kenu/okdevtv 에서 배운 것을 공유하고 있습니다.
https://mp4.okdevtv.com 에 개발관련 채널의 최신 영상을 모으고 있습니다.
KenuHeo 유튜브에서 프로그래밍 방송을 500회 이상 진행하고 있습니다.
全体
8件 ∙ (1時間 48分)
講座資料(こうぎしりょう):
1. 00.講義紹介
02:17
2. 01. 準備する
10:46
3. 02. SPA開発環境の構成(1)
15:42
4. 02. SPA開発環境の構成(2)
08:32
5. 03. デプロイプロセス
23:09
全体
46件
4.6
46件の受講レビュー
受講レビュー 9
∙
平均評価 4.4
5
강의에서도 언급을 하지만 React나 Node.js에 대해서 다루는 강의는 아닙니다. 배포와 도메인 등록, CI/CD 설정 등의 과정에 초점이 맞춰진 강의입니다. 주니어 개발자의 경우 개발에 비해 CI/CD 같은 요소에 소홀하기 쉬운데 CI/CD는 프로그램의 지속적인 발전을 위해서는 꼭 필요한 과정이죠. 이 강의를 통하여 CI/CD가 실제로 어떻게 이루어지는지 쉽게 배울 수 있었습니다. 좋은 강의 잘 들었습니다 :)
좋은 수강평 감사합니다. 행복하세요. 😊
受講レビュー 4
∙
平均評価 5.0
5
프로그래밍에 입문하고 이제 막 로컬에서 개발해서 프로젝트를 간단하게 만들 수 있게 되었는데 이런 개발 환경 셋팅과 배포 CI/CD에 대해서는 생소하기도 하고 이해가 어려워 접하기가 까다로웠습니다. 특히, 서버에서 무엇을 한다는 것에 대한 이해가 어려웠는데 설치하는 페이지 안내부터 환경 셋팅까지 설명해 주고 전체적인 생성 - 셋팅 - 간단한 오류 해결 - 배포까지 다뤄주어 한 싸이클을 돌릴 수 있게 되었습니다. 배울 때 제일 어려운 게 경험해 보지 못한 것을 그렇구나 하고 어쩔 수 없이 추상적인 이해로 넘어가야 하는 부분인데 이렇게 한 싸이클을 돌리고 다시 강의 자료를 보니 경험을 기반으로 '아, 아까 했던 그거!' 하면서 얻어 가는 게 더 많아지는 것 같습니다. 개발 환경 셋팅에서 배포까지 사용되는 프로젝트(React..등)나 상세 설명을 얻기 위한 분들보다는 '도대체 프로젝트를 어떻게 만들어서 셋팅하고 배포하고, 그것을 자동화하지?'에 대한 궁금증을 해결하지 못 한 분들이 들으면 매우 좋을 것 같습니다. 아직 현업에서 일을 해 본 경험이 없어서 강의에서 습득한 지식을 얼마나 활용할 수 있을지는 모르겠지만 나중에 프로젝트나 현업에서 일을 할 때 강의를 통해 얻은 경험을 떠올려 학습의 기반을 마련할 수 있을 것임을 확신하며, 이 강의가 저와 같은 초보자에게 많이 알려졌으면 좋겠네요! 좋은 강의 감사합니다.
수강 후기 감사합니다. 도움이 되어서 저도 기쁩니다. 개발+배포 환경을 구축하는 것은 기본입니다. 여기에 원하는 서비스를 만드는 것은 더 많은 노력이 필요합니다. 좋은 서비스 만드시길 바랍니다. 응원합니다!
受講レビュー 4
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 5.0
5
for 결제고민하는 수강생 - 매번 로컬에서만 동작해보고 CI/CD를 고려한 초반 개발환경 구축은 안해봤는데 본 강의를 통해 간단하지만 전체 과정이 어떤식으로 진행되야 하는지 알 수 있어서 좋았습니다. - 그렇다보니 환경 설정을 위해 작성한 코드나 설치한 패키지/프레임워크 설명은 생략되었다는 점을 염두해 두셔야할 듯 싶습니다. - 아마 웹 개발자체도 처음인데 '요즘 CI/CD는 필수니까 그냥 수강해야겠다'라는 생각으로 강의를 들으신 초급자분들도 많으실겁니다. 그러신 분들은 본 강의를 학습하시고 훗날 진행하실 프로젝트에 맞게 CI/CD를 커스텀해야할 때가 올건데 그 때 본 강의에서 익힌 기본 골격에서 강의에 첨부된 코드들의 의미를 참고 + 조사하시면 CI/CD를 제대로 이해하게 되지않을까 싶네요. 결론 - CI/CD 큰 틀 잡는 목적으로 들으실 개발자분들께서 추천 - 심도있게 커스텀해야할 때는 본 강의 코드를 분석해가면서 필요한 부분을 추가 학습한다면 실력증진에 도움이 많이 될 것으로 기대 - 좋은 강의를 열어주셔서 감사합니다!
수강평 감사합니다. 말씀하신 것처럼 더 좋은 기능들도 많이 있으니 잘 이용하시길 바랍니다. 행복한 프로그래머 되세요.
受講レビュー 4
∙
平均評価 4.5
5
좋은 강의 감사합니다! 배포 자동화에 대한 내용뿐만 아니라 기초적인 툴 사용방법까지 상세하게 알 수 있어서 많은 도움이 되었습니다. 계속 PHP만 해와서 프론트 백 분리를 제대로 못해봤는데 좋은 강의를 보며 처음으로 분리해보고 직접 배포까지 해봤습니다. 더불어 github 사용까지 배울 수 있는 기회가 있어서 많은 도움이 되었습니다. 감사합니다.
좋은 리뷰 감사합니다. SPA는 다룰 게 프론트엔드가 하나 더 있어서 그 부분에 집중했습니다. 행복한 프로그래머 되세요.
¥5,467
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!