삽질없이 쉽게 따라하는 윈도우 개발 환경 셋업
Kenu 허광남
2시간 안에 git, VS Code, Node.js, Python, Java 개발 환경을 삽질없이 쉽게 윈도우에서 설정하는 방법입니다.
입문
Git, VSCode, Microsoft Windows
BEST
Phát triển và triển khai dự án React + API Server (CI/CD)
Tạo môi trường phát triển React - biểu tượng của SPA, API Server dựa trên Node.js và tự động tạo tài liệu API thông qua Swagger. Hiểu được sự khác biệt giữa môi trường phát triển local và development server, có thể dễ dàng sử dụng AWS theo hướng dẫn. Tài liệu bài giảng: https://bit.ly/okreactapi
Đánh giá từ những học viên đầu tiên
Bạn sẽ nhận được điều này sau khi học.
Môi trường phát triển React và cấu hình server
Tạo môi trường phát triển React dựa trên Vite
Máy chủ API dựa trên Node.js
Tự động hóa tài liệu API thông qua Swagger
Sự khác biệt giữa môi trường phát triển cục bộ và máy chủ phát triển
Giải quyết vấn đề CORS
Xây dựng cơ bản máy chủ AWS EC2
Nginx(máy chủ web) cách sử dụng cơ bản
Kết nối Nginx và Node.js
Cấp phát chứng chỉ HTTPS miễn phí
GitHub Actions를 이용한 CI/CD tự động hóa
Dự án SPA từ việc xây dựng môi trường phát triển local
đến tự động hóa triển khai server, hãy thử thách trực tiếp! ✌
📢 Vui lòng kiểm tra trước khi đăng ký khóa học!
- Khóa học này không giải thích cú pháp của React và Node.js mà tập trung vào việc xây dựng môi trường phát triển và triển khai.
- Tài liệu bài giảng có thể tải xuống từ bài học Phần 1 - Cấu hình môi trường phát triển SPA (1).
Dự án React SPA,
triển khai server + tự động hóa 💡
Bạn đã phát triển môi trường frontend và API server nhưng lại bối rối không biết phải triển khai như thế nào? Bạn có muốn làm quen với việc thiết lập môi trường phát triển xa lạ và quy trình CI/CD để triển khai không?
Trong khóa học này, bạn sẽ trực tiếp trải nghiệm quá trình xây dựng môi trường phát triển cục bộ cho dự án React và tự động hóa việc triển khai lên server. Khóa học sẽ đề cập đến môi trường phát triển ứng dụng đơn trang (SPA) sử dụng React - khác biệt so với phương thức phát triển web truyền thống, và giới thiệu về cách triển khai lên server để cung cấp dịch vụ. Ngoài ra, khóa học cũng đề cập đến việc tự động hóa tài liệu API bằng Swagger, giúp bạn hiểu được sự khác biệt giữa môi trường phát triển cục bộ và môi trường server triển khai.
Video được tạo dựa trên Windows, nhưng bạn có thể làm theo gần như hoàn toàn tương tự trên Mac và Linux. Hãy trực tiếp xem trong khóa học cách thiết lập môi trường phát triển, triển khai và tự động hóa được thực hiện như thế nào!
Khuyến nghị cho những người như thế này 🎁
- ✅ Người ưa thích phát triển tập trung vào dịch vụ hơn là tập trung vào ngữ pháp
- ✅ Những bạn không biết cách đưa code hoạt động lên server
- ✅ Những ai muốn biết phương pháp khác biệt so với web cổ điển
- ✅ Dành cho những người mới sử dụng AWS hoặc muốn học cách cấu hình máy chủ HTTPS
📌 Tổng hợp các kỹ năng được sử dụng trong khóa học
VSCode
Node.js
Git
GitHub
GitHub Actions
AWS EC2
AWS Route53
Nginx + HTTPS
(Chứng chỉ SSL)
Xem trước nội dung học tập 📚
01. Chuẩn bị
Giới thiệu các nền tảng phát triển và công cụ phát triển cần thiết, cùng với việc đăng ký các tài khoản liên quan
02. Cấu hình môi trường phát triển SPA
Cấu hình môi trường dự án cơ bản cho frontend và backend để làm việc trên máy tính cục bộ
03. Quy trình triển khai
Giới thiệu quy trình và phương pháp triển khai lên server cho dịch vụ
04. Đăng ký tên miền và thiết lập HTTPS
Giới thiệu về cách kết nối domain với server và phương pháp thiết lập kết nối HTTPS
05. Tự động hóa triển khai
Khi mã nguồn thay đổi, công việc tự động triển khai lên máy chủ phát triển sẽ được mô tả
06. Cấu hình CORS
Vấn đề CORS xảy ra trong môi trường phát triển cục bộ và cấu hình biến môi trường build
Giới thiệu người chia sẻ kiến thức ✒️
Kenu (허광남)
Thỉnh thoảng tôi làm chương trình phát sóng lập trình trên YouTube.
- 2000.12 Bắt đầu OKJSP → Hiện tại đang vận hành với tên okky.kr
- Cộng đồng phát triển chính của Hàn Quốc với 50,000 lượt truy cập mỗi ngày
- Hiện tại là BJ phát sóng lập trình của okdevtv.com
- Cựu CTO của PetFriends từ '18~'19
- Cựu CTO của Hello Nature từ '17~'18
- Trước đây '15~'17 GS SHOP đội đầu tư mạo hiểm CoE part
- Cựu Evangelist của Khung tiêu chuẩn Chính phủ điện tử từ '12~'16
Xin chào, tôi là Kenu!
In ra Hello World thì việc chuẩn bị phát triển đã hoàn tất! Không chỉ dừng lại ở mức độ đã từng có kinh nghiệm viết code đơn thuần, mà còn có được sự tự tin có thể đưa code mình tạo ra lên server để phục vụ ứng dụng mà mình đã tạo cho mọi người sử dụng.
Hãy kiểm tra Q&A! 💬
Q. Người không chuyên ngành có thể nghe được bài giảng này không?
Vâng, những người không chuyên ngành cũng có thể học được. Chúng tôi sẽ giải thích chi tiết từ việc cài đặt các chương trình liên quan!
(Bạn cần có kiến thức tiên quyết về JavaScript!)
Q. Nội dung bài học được đề cập đến mức độ nào?
React và Node.js không đề cập đến cú pháp, mà giải thích về việc xây dựng môi trường phát triển, triển khai và tự động hóa.
Q. Khi phiên bản của các công nghệ được sử dụng trong khóa học được nâng cấp, liệu khóa học có được cập nhật không?
Khi phiên bản chính được nâng cấp đến mức khó có thể tiếp tục khóa học, việc cập nhật nội dung bài giảng là cần thiết. Do đó, tôi đang có kế hoạch cập nhật đến năm 2025.
Khuyến nghị cho
những người này
Khóa học này dành cho ai?
Người vào làm với tư cách là developer startup nhưng không có mentor
Người mới bắt đầu với môi trường phát triển SPA và triển khai server
Những người mới sử dụng AWS lần đầu
Dành cho những ai muốn học cách cấu hình máy chủ HTTPS
Người mới bắt đầu với CI/CD
Cần biết trước khi bắt đầu?
JavaScript
767
Học viên
51
Đánh giá
43
Trả lời
4.6
Xếp hạng
3
Các khóa học
https://okky.kr 창립자이며, https://github.com/kenu/okdevtv 에서 배운 것을 공유하고 있습니다.
https://mp4.okdevtv.com 에 개발관련 채널의 최신 영상을 모으고 있습니다.
KenuHeo 유튜브에서 프로그래밍 방송을 500회 이상 진행하고 있습니다.
Chương trình giảng dạy
Tất cả
8 bài giảng ∙ (1giờ 48phút)
Tài liệu khóa học:
Tài liệu bài giảng
Ngày đăng:
Cập nhật lần cuối:
Đánh giá
Tất cả
46 đánh giá
4.6
46 đánh giá
- Mx
Đánh giá 9
∙
Đánh giá trung bình 4.4
5
100% đã tham gia강의에서도 언급을 하지만 React나 Node.js에 대해서 다루는 강의는 아닙니다. 배포와 도메인 등록, CI/CD 설정 등의 과정에 초점이 맞춰진 강의입니다. 주니어 개발자의 경우 개발에 비해 CI/CD 같은 요소에 소홀하기 쉬운데 CI/CD는 프로그램의 지속적인 발전을 위해서는 꼭 필요한 과정이죠. 이 강의를 통하여 CI/CD가 실제로 어떻게 이루어지는지 쉽게 배울 수 있었습니다. 좋은 강의 잘 들었습니다 :)
- Kenu 허광남Giảng viên
좋은 수강평 감사합니다. 행복하세요. 😊
wofjeiong2ewg23Đánh giá 4
∙
Đánh giá trung bình 5.0
5
100% đã tham gia프로그래밍에 입문하고 이제 막 로컬에서 개발해서 프로젝트를 간단하게 만들 수 있게 되었는데 이런 개발 환경 셋팅과 배포 CI/CD에 대해서는 생소하기도 하고 이해가 어려워 접하기가 까다로웠습니다. 특히, 서버에서 무엇을 한다는 것에 대한 이해가 어려웠는데 설치하는 페이지 안내부터 환경 셋팅까지 설명해 주고 전체적인 생성 - 셋팅 - 간단한 오류 해결 - 배포까지 다뤄주어 한 싸이클을 돌릴 수 있게 되었습니다. 배울 때 제일 어려운 게 경험해 보지 못한 것을 그렇구나 하고 어쩔 수 없이 추상적인 이해로 넘어가야 하는 부분인데 이렇게 한 싸이클을 돌리고 다시 강의 자료를 보니 경험을 기반으로 '아, 아까 했던 그거!' 하면서 얻어 가는 게 더 많아지는 것 같습니다. 개발 환경 셋팅에서 배포까지 사용되는 프로젝트(React..등)나 상세 설명을 얻기 위한 분들보다는 '도대체 프로젝트를 어떻게 만들어서 셋팅하고 배포하고, 그것을 자동화하지?'에 대한 궁금증을 해결하지 못 한 분들이 들으면 매우 좋을 것 같습니다. 아직 현업에서 일을 해 본 경험이 없어서 강의에서 습득한 지식을 얼마나 활용할 수 있을지는 모르겠지만 나중에 프로젝트나 현업에서 일을 할 때 강의를 통해 얻은 경험을 떠올려 학습의 기반을 마련할 수 있을 것임을 확신하며, 이 강의가 저와 같은 초보자에게 많이 알려졌으면 좋겠네요! 좋은 강의 감사합니다.
- Kenu 허광남Giảng viên
수강 후기 감사합니다. 도움이 되어서 저도 기쁩니다. 개발+배포 환경을 구축하는 것은 기본입니다. 여기에 원하는 서비스를 만드는 것은 더 많은 노력이 필요합니다. 좋은 서비스 만드시길 바랍니다. 응원합니다!
- 프로그래머
Đánh giá 4
∙
Đánh giá trung bình 5.0
- moonhyeok song
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
75% đã tham giafor 결제고민하는 수강생 - 매번 로컬에서만 동작해보고 CI/CD를 고려한 초반 개발환경 구축은 안해봤는데 본 강의를 통해 간단하지만 전체 과정이 어떤식으로 진행되야 하는지 알 수 있어서 좋았습니다. - 그렇다보니 환경 설정을 위해 작성한 코드나 설치한 패키지/프레임워크 설명은 생략되었다는 점을 염두해 두셔야할 듯 싶습니다. - 아마 웹 개발자체도 처음인데 '요즘 CI/CD는 필수니까 그냥 수강해야겠다'라는 생각으로 강의를 들으신 초급자분들도 많으실겁니다. 그러신 분들은 본 강의를 학습하시고 훗날 진행하실 프로젝트에 맞게 CI/CD를 커스텀해야할 때가 올건데 그 때 본 강의에서 익힌 기본 골격에서 강의에 첨부된 코드들의 의미를 참고 + 조사하시면 CI/CD를 제대로 이해하게 되지않을까 싶네요. 결론 - CI/CD 큰 틀 잡는 목적으로 들으실 개발자분들께서 추천 - 심도있게 커스텀해야할 때는 본 강의 코드를 분석해가면서 필요한 부분을 추가 학습한다면 실력증진에 도움이 많이 될 것으로 기대 - 좋은 강의를 열어주셔서 감사합니다!
- Kenu 허광남Giảng viên
수강평 감사합니다. 말씀하신 것처럼 더 좋은 기능들도 많이 있으니 잘 이용하시길 바랍니다. 행복한 프로그래머 되세요.
- 테라
Đánh giá 4
∙
Đánh giá trung bình 4.5
5
100% đã tham gia좋은 강의 감사합니다! 배포 자동화에 대한 내용뿐만 아니라 기초적인 툴 사용방법까지 상세하게 알 수 있어서 많은 도움이 되었습니다. 계속 PHP만 해와서 프론트 백 분리를 제대로 못해봤는데 좋은 강의를 보며 처음으로 분리해보고 직접 배포까지 해봤습니다. 더불어 github 사용까지 배울 수 있는 기회가 있어서 많은 도움이 되었습니다. 감사합니다.
- Kenu 허광남Giảng viên
좋은 리뷰 감사합니다. SPA는 다룰 게 프론트엔드가 하나 더 있어서 그 부분에 집중했습니다. 행복한 프로그래머 되세요.
925.842 ₫
Khóa học khác của kenuheo
Hãy khám phá các khóa học khác của giảng viên!
Khóa học tương tự
Khám phá các khóa học khác trong cùng lĩnh vực!
![[DevOps] 빠르고 안전한 어플리케이션 배포 파이프라인(CI/CD) 만들기강의 썸네일](https://cdn.inflearn.com/public/courses/332182/cover/f1183942-1754-4cc9-bd8f-8180146e5a1d/332182.png?f=avif&w=420)
