삽질없이 쉽게 따라하는 윈도우 개발 환경 셋업
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






CJ
임직원들도 이 강의를 듣고 있어요!





CJ
임직원들도 이 강의를 듣고 있어요!
먼저 경험한 수강생들의 후기
5.0
Mx
강의에서도 언급을 하지만 React나 Node.js에 대해서 다루는 강의는 아닙니다. 배포와 도메인 등록, CI/CD 설정 등의 과정에 초점이 맞춰진 강의입니다. 주니어 개발자의 경우 개발에 비해 CI/CD 같은 요소에 소홀하기 쉬운데 CI/CD는 프로그램의 지속적인 발전을 위해서는 꼭 필요한 과정이죠. 이 강의를 통하여 CI/CD가 실제로 어떻게 이루어지는지 쉽게 배울 수 있었습니다. 좋은 강의 잘 들었습니다 :)
5.0
wofjeiong2ewg23
프로그래밍에 입문하고 이제 막 로컬에서 개발해서 프로젝트를 간단하게 만들 수 있게 되었는데 이런 개발 환경 셋팅과 배포 CI/CD에 대해서는 생소하기도 하고 이해가 어려워 접하기가 까다로웠습니다. 특히, 서버에서 무엇을 한다는 것에 대한 이해가 어려웠는데 설치하는 페이지 안내부터 환경 셋팅까지 설명해 주고 전체적인 생성 - 셋팅 - 간단한 오류 해결 - 배포까지 다뤄주어 한 싸이클을 돌릴 수 있게 되었습니다. 배울 때 제일 어려운 게 경험해 보지 못한 것을 그렇구나 하고 어쩔 수 없이 추상적인 이해로 넘어가야 하는 부분인데 이렇게 한 싸이클을 돌리고 다시 강의 자료를 보니 경험을 기반으로 '아, 아까 했던 그거!' 하면서 얻어 가는 게 더 많아지는 것 같습니다. 개발 환경 셋팅에서 배포까지 사용되는 프로젝트(React..등)나 상세 설명을 얻기 위한 분들보다는 '도대체 프로젝트를 어떻게 만들어서 셋팅하고 배포하고, 그것을 자동화하지?'에 대한 궁금증을 해결하지 못 한 분들이 들으면 매우 좋을 것 같습니다. 아직 현업에서 일을 해 본 경험이 없어서 강의에서 습득한 지식을 얼마나 활용할 수 있을지는 모르겠지만 나중에 프로젝트나 현업에서 일을 할 때 강의를 통해 얻은 경험을 떠올려 학습의 기반을 마련할 수 있을 것임을 확신하며, 이 강의가 저와 같은 초보자에게 많이 알려졌으면 좋겠네요! 좋은 강의 감사합니다.
5.0
프로그래머
배포 관련해서 흩어진 개념들을 한 번에 모아볼 수 있어서 유익한 강의였습니다. 완강하고 나니 무엇을 좀 더 집중적으로 공부해야하는지 감이 왔습니다.
React 개발 환경과 서버 구성
Vite 기반의 React 개발환경 만들기
Node.js 기반의 API Server
Swagger를 통한 API 문서 자동화
로컬 개발환경과 개발서버 차이
CORS 이슈 해결
AWS EC2 서버 구축 기본
Nginx(웹서버) 기본 사용법
Nginx와 Node.js 연결
무료 HTTPS 인증서 발급
GitHub Actions를 이용한 CI/CD 자동화
SPA 프로젝트 로컬 개발환경 구축부터
서버 배포 자동화까지 직접 도전해보세요! ✌
📢 수강 전 확인해주세요!
프론트엔드 환경과 API 서버를 개발했지만 막상 어떻게 배포를 해야 할지 막막하신가요? 생소한 개발 환경 세팅과 배포 CI/CD를 위한 흐름을 익히고 싶으신가요
이 강의에서는 리액트 프로젝트의 로컬 개발환경 구축 및 서버 배포 자동화 과정을 직접 경험해봅니다. 기존 웹 개발 방식과 달라진 리액트를 이용한 싱글 페이지 애플리케이션(SPA) 개발 환경을 다루며, 이를 서버에 배포해서 서비스하는 방법에 대해 소개합니다. 또한 Swagger를 이용한 API 문서 자동화를 함께 다루며, 로컬 개발 환경과 배포되는 서버 환경과의 차이를 배울 수 있습니다.
윈도우 기준으로 영상을 만들었지만, 맥과 리눅스에서도 거의 대부분 동일하게 따라할 수 있습니다. 개발 환경 세팅부터 배포, 자동화가 어떻게 이루어지는지 강의에서 직접 확인해 보세요!
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 이슈와 빌드 환경 변수 구성
종종 유튜브에서 프로그래밍 방송을 하고 있습니다.
Hello World를 찍으면 개발 준비는 끝났습니다! 단순히 코드를 짜본 경험이 있다는 수준에서 그치는 것이 아니라, 내가 만든 애플리케이션을 사람들이 사용할 수 있도록 서버에 자신이 만든 코드를 올려서 서비스할 수 있는 자신감이 생깁니다.
Q. 비전공자도 들을 수 있는 강의인가요?
네, 비전공자도 충분히 들을 수 있습니다. 관련 프로그램 설치부터 촘촘하게 설명해드려요!
(선수 지식으로 JavaScript를 알고 계셔야 합니다!)
Q. 수업 내용을 어느 수준까지 다루나요?
React와 Node.js의 문법은 다루지 않고, 개발환경 구축과 배포 및 자동화에 대하여 설명합니다.
Q. 강의에 사용되는 기술들의 버전이 올라가면, 강의 업데이트가 이루어지나요?
강의 진행이 어려울 정도로 메이저 버전이 올라갈 경우 강의 내용 업데이트는 필요합니다. 따라서 2025년까지는 업데이트를 염두에 두고 있습니다.
학습 대상은
누구일까요?
스타트업 개발자로 입사했는데 사수 없는 분
SPA 개발환경과 서버 배포가 처음이신 분
AWS 사용이 처음이신 분
HTTPS 서버 구성을 배우고 싶은 분
CI/CD 입문자
선수 지식,
필요할까요?
JavaScript
782
명
수강생
55
개
수강평
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
5. 03. 배포 프로세스
23:09
전체
46개
4.6
46개의 수강평
수강평 4
∙
평균 평점 5.0
5
프로그래밍에 입문하고 이제 막 로컬에서 개발해서 프로젝트를 간단하게 만들 수 있게 되었는데 이런 개발 환경 셋팅과 배포 CI/CD에 대해서는 생소하기도 하고 이해가 어려워 접하기가 까다로웠습니다. 특히, 서버에서 무엇을 한다는 것에 대한 이해가 어려웠는데 설치하는 페이지 안내부터 환경 셋팅까지 설명해 주고 전체적인 생성 - 셋팅 - 간단한 오류 해결 - 배포까지 다뤄주어 한 싸이클을 돌릴 수 있게 되었습니다. 배울 때 제일 어려운 게 경험해 보지 못한 것을 그렇구나 하고 어쩔 수 없이 추상적인 이해로 넘어가야 하는 부분인데 이렇게 한 싸이클을 돌리고 다시 강의 자료를 보니 경험을 기반으로 '아, 아까 했던 그거!' 하면서 얻어 가는 게 더 많아지는 것 같습니다. 개발 환경 셋팅에서 배포까지 사용되는 프로젝트(React..등)나 상세 설명을 얻기 위한 분들보다는 '도대체 프로젝트를 어떻게 만들어서 셋팅하고 배포하고, 그것을 자동화하지?'에 대한 궁금증을 해결하지 못 한 분들이 들으면 매우 좋을 것 같습니다. 아직 현업에서 일을 해 본 경험이 없어서 강의에서 습득한 지식을 얼마나 활용할 수 있을지는 모르겠지만 나중에 프로젝트나 현업에서 일을 할 때 강의를 통해 얻은 경험을 떠올려 학습의 기반을 마련할 수 있을 것임을 확신하며, 이 강의가 저와 같은 초보자에게 많이 알려졌으면 좋겠네요! 좋은 강의 감사합니다.
수강 후기 감사합니다. 도움이 되어서 저도 기쁩니다. 개발+배포 환경을 구축하는 것은 기본입니다. 여기에 원하는 서비스를 만드는 것은 더 많은 노력이 필요합니다. 좋은 서비스 만드시길 바랍니다. 응원합니다!
수강평 4
∙
평균 평점 5.0
수강평 4
∙
평균 평점 4.0
1
강의 구성에 비해 가격이 너무 세다고 생각됩니다. 강의 구매 전에, AWS 배포 CI/CD 관련 블로그 검색을 해보시길 추천드립니다. 비슷한 내용의 블로그 글이 충분히 많습니다. 블로그 글을 보시고도 어려움을 느끼실 때 구매하시길 추천드립니다.
- React + API Server 프로젝트 개발과 배포 (CI/CD): https://inf.run/Q7Ld1 - 50% 할인 쿠폰 코드: 15108-f2af1e086101 추가했습니다. 감사합니다.
수강평 17
∙
평균 평점 4.6
2
개발환경 구축과 배포에 대해서 다루는 강의는 맞지만, 강의를 모두 들어본 입장에서 느끼기에는 무언가를 얻고 배웠다기보다는 단순히 맛만 보는 것으로 끝이 난 듯한 내용이었습니다. 지금까지 인프런에서 많은 강의를 구매했지만, 이강의는 2시간이 되지 않는데도 가격이 너무 비싸서, 먼가 숨겨진 필살기나 고급 정보가 있을거라 생각하고 구매하였는데, 맛보기 수준으로 끝이 나서 왜 이렇게 비싼지 정말 이해가 되지 않네요. nginx 에 대해서도 설정파일 복/붙 한번 하는 것으로 끝이나고, vite 도 webpack 대비 어떤 장단점이 있는지 언급도 한번 되지 않았고, 인증서 발급도 certbot 을 통한 무료발급을 사용했는데, 실제 상용서비스에서 이러한 무료발급서비스를 사용해도 되는지 정도는 설명해줄 수 있는 내용 같은데, 단순히 설치하고 실행 한번 해보는 것으로 끝이 나서 구매한 비용이 너무 아까웠습니다.
자세한 수강평 감사합니다. 2시간 정도의 내용으로 구성한 것은 제가 생각하기에 가장 빠르게 경험할 수 있는 분량이라고 생각했기 때문입니다. 비싸다고 느끼신 것은 미안합니다. 하지만, 자료에는 참고 링크들을 많이 올려 놓았는데, 그 자료들 수집하고 만들고 했던 제 경험에는 이 가격은 받고 싶었기 때문입니다. https://okdevtv.com/mib/nginx https://okdevtv.com/mib/vite https://okdevtv.com/mib/letsencrypt https://okdevtv.com/mib/... 이렇게 YouTube 방송 스크립트들을 종합한 강의라고 이해해 주시면 감사하겠습니다. 말씀하신 것 참고해서 더 좋은 내용들을 공유하려고 노력하겠습니다. 행복한 엔지니어 되시길 바랍니다.
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!