삽질없이 쉽게 따라하는 윈도우 개발 환경 셋업
Kenu 허광남
2시간 안에 git, VS Code, Node.js, Python, Java 개발 환경을 삽질없이 쉽게 윈도우에서 설정하는 방법입니다.
입문
Git, VSCode, Microsoft Windows
Create a React development environment, which is synonymous with SPA, and automatically generate API documents using Swagger and an API Server based on Node.js. Understand the difference between a local development environment and a development server, and easily follow AWS.
React development environment and server configuration
Creating a React development environment based on Vite
Node.js based API Server
Automating API documentation with Swagger
Differences between local development environment and development server
CORS Issue Resolution
AWS EC2 Server Building Basics
Basic usage of Nginx (web server)
Connecting Nginx and Node.js
Issue a free HTTPS certificate
CI/CD Automation with GitHub Actions
From setting up a local development environment for SPA projects
Take on the challenge of automating server deployment yourself! ✌
📢 Please check before taking the class!
Have you developed a front-end environment and API server, but are unsure how to deploy it? Want to learn the unfamiliar development environment setup and deployment CI/CD workflow?
In this course, you'll experience firsthand the process of setting up a local development environment for a React project and automating server deployment. We'll cover the development environment for a single-page application (SPA) using React , a departure from traditional web development methods, and introduce how to deploy and service it on a server . We'll also cover automating API documentation using Swagger, allowing you to understand the differences between a local development environment and a deployed server environment.
While this video was created for Windows, most of the steps can be followed on Mac and Linux. Watch the video to learn how to set up your development environment, deploy it, and automate it.
VSCode
Node.js
Git
GitHub
GitHub Actions
AWS EC2
AWS Route53
Nginx + HTTPS
(SSL certificate)
01. Preparation
Introduction to essential development platforms, development tools, and related account registration.
02. Configuring the SPA development environment
Setting up a basic project environment for front-end and back-end work on a local computer
03. Distribution Process
Introduction to the procedure and method for deploying to a server for service
04. Domain registration and HTTPS setup
How to connect a domain and server and establish an HTTPS connection
05. Automating Distribution
Description of tasks that are automatically deployed to the development server when code changes
06. CORS settings
CORS issues and build environment variable configuration in local development environments
I often do programming broadcasts on YouTube .
Once you've created "Hello World," you're ready to develop! Beyond simply having some experience writing code, you'll gain the confidence to upload your code to a server and service it so people can use the applications you've created.
Q. Is this a course that non-majors can also take?
Yes, even non-majors can easily follow along. We'll provide detailed explanations, starting with installing the relevant programs!
(You should know JavaScript as a prerequisite!)
Q. What level of content is covered in the class?
It does not cover the grammar of React and Node.js, but explains how to set up a development environment, deploy it, and automate it.
Q. Will the lectures be updated when the versions of the technologies used in the lectures are upgraded?
If a major version upgrade becomes so significant that it hinders the progress of the course, course content updates will be necessary. Therefore, updates are planned until 2025.
Who is this course right for?
I joined as a startup developer but I don't have a mentor
For those new to SPA development environment and server deployment
If you are new to AWS
Anyone who wants to learn how to configure an HTTPS server
CI/CD beginner
Need to know before starting?
JavaScript
754
Learners
49
Reviews
43
Answers
4.6
Rating
3
Courses
https://okky.kr 창립자이며, https://github.com/kenu/okdevtv 에서 배운 것을 공유하고 있습니다.
https://mp4.okdevtv.com 에 개발관련 채널의 최신 영상을 모으고 있습니다.
KenuHeo 유튜브에서 프로그래밍 방송을 500회 이상 진행하고 있습니다.
All
8 lectures ∙ (1hr 48min)
Course Materials:
All
44 reviews
4.6
44 reviews
Reviews 9
∙
Average Rating 4.4
5
강의에서도 언급을 하지만 React나 Node.js에 대해서 다루는 강의는 아닙니다. 배포와 도메인 등록, CI/CD 설정 등의 과정에 초점이 맞춰진 강의입니다. 주니어 개발자의 경우 개발에 비해 CI/CD 같은 요소에 소홀하기 쉬운데 CI/CD는 프로그램의 지속적인 발전을 위해서는 꼭 필요한 과정이죠. 이 강의를 통하여 CI/CD가 실제로 어떻게 이루어지는지 쉽게 배울 수 있었습니다. 좋은 강의 잘 들었습니다 :)
좋은 수강평 감사합니다. 행복하세요. 😊
Reviews 4
∙
Average Rating 5.0
5
프로그래밍에 입문하고 이제 막 로컬에서 개발해서 프로젝트를 간단하게 만들 수 있게 되었는데 이런 개발 환경 셋팅과 배포 CI/CD에 대해서는 생소하기도 하고 이해가 어려워 접하기가 까다로웠습니다. 특히, 서버에서 무엇을 한다는 것에 대한 이해가 어려웠는데 설치하는 페이지 안내부터 환경 셋팅까지 설명해 주고 전체적인 생성 - 셋팅 - 간단한 오류 해결 - 배포까지 다뤄주어 한 싸이클을 돌릴 수 있게 되었습니다. 배울 때 제일 어려운 게 경험해 보지 못한 것을 그렇구나 하고 어쩔 수 없이 추상적인 이해로 넘어가야 하는 부분인데 이렇게 한 싸이클을 돌리고 다시 강의 자료를 보니 경험을 기반으로 '아, 아까 했던 그거!' 하면서 얻어 가는 게 더 많아지는 것 같습니다. 개발 환경 셋팅에서 배포까지 사용되는 프로젝트(React..등)나 상세 설명을 얻기 위한 분들보다는 '도대체 프로젝트를 어떻게 만들어서 셋팅하고 배포하고, 그것을 자동화하지?'에 대한 궁금증을 해결하지 못 한 분들이 들으면 매우 좋을 것 같습니다. 아직 현업에서 일을 해 본 경험이 없어서 강의에서 습득한 지식을 얼마나 활용할 수 있을지는 모르겠지만 나중에 프로젝트나 현업에서 일을 할 때 강의를 통해 얻은 경험을 떠올려 학습의 기반을 마련할 수 있을 것임을 확신하며, 이 강의가 저와 같은 초보자에게 많이 알려졌으면 좋겠네요! 좋은 강의 감사합니다.
수강 후기 감사합니다. 도움이 되어서 저도 기쁩니다. 개발+배포 환경을 구축하는 것은 기본입니다. 여기에 원하는 서비스를 만드는 것은 더 많은 노력이 필요합니다. 좋은 서비스 만드시길 바랍니다. 응원합니다!
Reviews 3
∙
Average Rating 5.0
Reviews 1
∙
Average Rating 5.0
5
for 결제고민하는 수강생 - 매번 로컬에서만 동작해보고 CI/CD를 고려한 초반 개발환경 구축은 안해봤는데 본 강의를 통해 간단하지만 전체 과정이 어떤식으로 진행되야 하는지 알 수 있어서 좋았습니다. - 그렇다보니 환경 설정을 위해 작성한 코드나 설치한 패키지/프레임워크 설명은 생략되었다는 점을 염두해 두셔야할 듯 싶습니다. - 아마 웹 개발자체도 처음인데 '요즘 CI/CD는 필수니까 그냥 수강해야겠다'라는 생각으로 강의를 들으신 초급자분들도 많으실겁니다. 그러신 분들은 본 강의를 학습하시고 훗날 진행하실 프로젝트에 맞게 CI/CD를 커스텀해야할 때가 올건데 그 때 본 강의에서 익힌 기본 골격에서 강의에 첨부된 코드들의 의미를 참고 + 조사하시면 CI/CD를 제대로 이해하게 되지않을까 싶네요. 결론 - CI/CD 큰 틀 잡는 목적으로 들으실 개발자분들께서 추천 - 심도있게 커스텀해야할 때는 본 강의 코드를 분석해가면서 필요한 부분을 추가 학습한다면 실력증진에 도움이 많이 될 것으로 기대 - 좋은 강의를 열어주셔서 감사합니다!
수강평 감사합니다. 말씀하신 것처럼 더 좋은 기능들도 많이 있으니 잘 이용하시길 바랍니다. 행복한 프로그래머 되세요.
Reviews 4
∙
Average Rating 4.5
5
좋은 강의 감사합니다! 배포 자동화에 대한 내용뿐만 아니라 기초적인 툴 사용방법까지 상세하게 알 수 있어서 많은 도움이 되었습니다. 계속 PHP만 해와서 프론트 백 분리를 제대로 못해봤는데 좋은 강의를 보며 처음으로 분리해보고 직접 배포까지 해봤습니다. 더불어 github 사용까지 배울 수 있는 기회가 있어서 많은 도움이 되었습니다. 감사합니다.
좋은 리뷰 감사합니다. SPA는 다룰 게 프론트엔드가 하나 더 있어서 그 부분에 집중했습니다. 행복한 프로그래머 되세요.
$59.40
Check out other courses by the instructor!
Explore other courses in the same field!