싸플

✅ 리액트(React)로 웹 개발을 하기 위한 기본을 모두 담았습니다. 개발 환경을 통일해 윈도우, 맥, 리눅스 어느 것을 사용하더라도 수강하실 수 있습니다.

✅ 편하게 들으시고 마지막에 리액트 실습을 통해 개념을 완성해보세요!

고민은 이제 그만! 누구라도, 아무것도 몰라도 바로 시작할 수 있는 강의만 모았어요. 🐣

Level 1

입문

Colini 웹개발 가이드

HTML/CSS는 웹 페이지의 기본! 웹 페이지의 뼈대를 만들고, 디자인을 입히는 첫 시작을 열어줄 거예요.

HTML/CSS

프로그래밍 언어 랭킹마다 늘 상위권을 차지하는 자바스크립트! 프론트엔드에서 백엔드까지 다양한 영역에서 활발히 쓰이고 있어요.

자바스크립트

JavaScript

페이스북이 개발한 Javascript 라이브러리, React

리액트

React

✅ 도커로 시작부터 마지막까지 진행합니다. 최종적으로 구현할 쇼핑몰 화면을 기준으로 챕터를 구성했습니다.

✅ 챕터 간 코드가 최대한 독립되도록 구성했습니다. 예를 들어 화면 개별 홈스크린에서 상품 페이지 만들기로 이동할 때 상품 페이지에서는 홈스크린에서 만든 코드를 거의 건들지 않습니다.

Level 2

초급

NodeFull Stack 개발 가이드

복잡한 서버 관리, 이제 도커로 관리하세요! 컨테이너 기반의 오픈소스 가상화 플랫폼을 통해 개발 환경에 구애받지 않고 빠른 배포와 확장이 가능해요.

도커

Docker

redux-toolkit

oauth2

✅ Node FullStack 개발 가이드에서 만든 쇼핑몰을 배포합니다. Docker로 만들고 테스트 해본 쇼핑몰을 prod 상태로 바꿔 작동해봅니다.

✅ Git에 코드를 저장하면 Git Action에서 Terraform 코드를 작동해 자동으로 Azure에 배포합니다. (Vscode 에서 git push만 하면 무중단 배포!)

Terraform 배포 가이드

테라폼

Terraform

컨테이너 환경에서의 효율적인 어플리케이션 배포와 운영을 하고 싶다면, 쿠버네티스를 배워보세요.

쿠버네티스

Kubernetes

github-actions

애저

Azure

<p style="font-size: 0; padding: 0; margin: 0;"><img src="https://cdn.inflearn.com/public/files/posts/e7bad93b-d86d-4bde-b081-fbe60da4c695/001.png" alt="" title="001.png" width="930" height="930" /><img src="https://cdn.inflearn.com/public/files/posts/5db2379a-0a8a-4800-9724-2e7f45170597/002.png" alt="" title="002.png" width="930" height="930" /><img src="https://cdn.inflearn.com/public/files/posts/6a743246-b171-4485-be7d-c37c8a056d41/003.png" alt="" title="003.png" width="930" height="930" /><img src="https://cdn.inflearn.com/public/files/posts/3020b731-81e5-4a61-9380-41b692579e77/004.png" alt="" title="004.png" width="930" height="930" /><img src="https://cdn.inflearn.com/public/files/posts/58d40f9d-dbc3-4a40-8fdd-95ab9e8949ea/005.png" alt="" title="005.png" width="930" height="930" /><img src="https://cdn.inflearn.com/public/files/posts/6ca759cc-ea4a-40d8-a3d4-1c67bf9b2023/006.png" alt="" title="006.png" width="930" height="930" /><img src="https://cdn.inflearn.com/public/files/posts/0e19c6d7-ca26-418c-9cc8-64523361e2cd/007.png" alt="" title="007.png" width="930" height="930" /><img src="https://cdn.inflearn.com/public/files/posts/53b7d209-79dd-4643-b488-01f114ceefc4/008.png" alt="" title="008.png" width="930" height="930" /><img src="https://cdn.inflearn.com/public/files/posts/9c621ca6-394c-44fb-82fb-bd3ed0a38813/009.png" alt="" title="009.png" width="930" height="930" /></p>
<div style="margin-top: 16px; margin-bottom: 16px; padding: 24px; border-radius: 8px; border: 1px solid #DEE2E6;">
<h4 style="margin: 0;"><strong style="font-size: 16.5px;">완전 기초부터 웹 서비스 구현, 실전 배포까지!&nbsp;</strong><br /><strong>싸플 Node 풀스택 개발 가이드 로드맵</strong></h4>
<ul style="margin-top: 12px; margin-bottom: 0; list-style: none; padding-left: 0px;">
<li>✅ ALL in One! 최신 트렌드에 맞는 백엔드 + 프론트엔드 개발 기술을 모두 배울 수 있습니다. (Node.js + React)</li>
<li>✅ 핵심만 빠르게 배우는 커리큘럼! 5분 안에 들을 수 있는 부담없는 수업으로 강의를 구성했습니다.</li>
<li>✅ Docker, Redux Toolkit, 결제 구현, Terraform, Kubernetes 등 실무에 통하는 기술을 모두 만나보세요.</li>
<li>✅ 20% 할인 쿠폰받고 공부시작!!!</li>
</ul>
</div>

Node FullStack 개발 로드맵, A~Z 까지

완전 기초부터 웹 서비스 구현, 실전 배포까지!
싸플 Node 풀스택 개발 가이드 로드맵

Node FullStack 개발 로드맵, A~Z 까지

로드맵 코스

완전 기초부터 웹 서비스 구현, 실전 배포까지! 싸플 Node 풀스택 개발 가이드 로드맵

완전 기초부터 웹 서비스 구현, 실전 배포까지!
싸플 Node 풀스택 개발 가이드 로드맵