개발 · 프로그래밍

웹 개발

NodeFull Stack 개발 가이드

맥 또는 윈도우 상관없는 Docker 환경에서 나만의 쇼핑몰을 만들어 봅시다 ^^

21명 이 수강하고 있어요.

싸플

초급자를 위해 준비한
[웹 개발, 풀스택] 강의입니다.

이런 걸 배울 수 있어요

react
react-router-dom
redux-toolkit
vite
sass
nginx
Kakao 주소 API 사용
Infinite Scroll
Admin 페이지 구현
express
cheerio
Oauth2.0
postgresql
web3 storage
filecoin
sendgrid
SNS Login(Naver, Kakao, Google)
Kakao Pay 구현

Node FullStack 개발 가이드 시리즈

🖥️ Colini 웹개발 가이드 [1부] : https://inf.run/tx8Jb (Node FullStack 개발 가이드 10% 쿠폰 제공)
🖥️ Node FullStack 개발 가이드 [2부] : https://inf.run/zdPci (Terraform 배포 가이드 10% 쿠폰 제공)
🖥️ Terraform 배포 가이드 [3부] : https://inf.run/bzPPR (Notion으로 학습 자료 제공)
💻 Node FullStack 개발 로드맵, A~Z 까지 [로드맵] : https://www.inflearn.com/roadmaps/731 참여시 20% 할인 쿠폰 제공 ※ 무료 참여

이런 분들께
추천드려요!

학습 대상은
누구일까요?

웹 개발 기초를 아시는분
5분 이상 강의 듣는게 어려운 분
Colini 웹 개발 가이드 수강생
도커로 개발부터 Production 까지 만들어보고 싶은 분

선수 지식,
필요할까요?

Html, Css, Javascript, React 기본

안녕하세요
싸플입니다.

577

명

수강생

개

수강평

271

개

답변

4.1

점

강의 평점

개

강의

낮에는 평범한 회사원이지만, 밤에는 열정을 가진 개발자 입니다

커리큘럼

전체

240개 ∙ (19시간 19분)

해당 강의에서 제공:

수업자료

섹션 1. Intro

10개 ∙ (41분)

섹션 2. Api, Docker 등 기본 세팅

36개 ∙ (2시간 52분)

11. sequelize(1)
05:30
12. sequelize(2)
05:56
13. sequelize(3)
05:10
14. sequelize(4)
04:40
15. sequelize(5)
03:19
16. sequelize(6)
03:14
17. sequelize(7)
03:59
18. sequelize(8)
04:13
19. sequelize(9)
05:39
20. sequelize(10)
04:46
21. sequelize(11)
05:58
22. docker(1)
05:56
23. docker(2)
05:56
24. docker(3)
03:24
25. docker(4)
05:48
26. db, gateway(1)
05:30
27. gateway(2)
03:57
28. 프론트 설정(1)
04:20
29. 프론트 설정(2)
04:27
30. 프론트설정(3), docker compose(1)
05:45
31. docker compose(2), 도커명령어
04:13
32. 실습(1)
05:23
33. 실습(2)
03:29
34. 실습(3)
05:35
35. 실습(4)
05:47
36. 실습(5)
04:38
37. 실습(6)
03:54
38. 실습(7)
04:44
39. 실습(8)
05:23
40. 실습(9)
04:30
41. 실습(10)
05:25
42. 실습(11)
04:15
43. 실습(12)
04:21
44. 실습(13)
05:44
45. 실습(14)
04:34
46. 실습(15)
03:22

섹션 3. HomeScreen

29개 ∙ (2시간 12분)

47. server.js(1)~(2)
04:55
48. server(3)~postController 폴더
03:54
49. main.jsx(1)~App.jsx(1)
05:35
50. App.jsx(2)~assets 폴더(1)
04:21
51. assets 폴더(2)
04:00
52. assets 폴더(3)~store.js(2)
05:20
53. redux/apiSlices/index.js~extendedPost.js(1)(1)
05:26
54. extendedPost.js(1)(2)
03:15
55. extendedPost.js(2)~ index.html
04:25
56. HomeScreen.index.jsx ~ Carousel.jsx
03:22
57. Body.jsx(1)
03:18
58. Body.jsx(2)
03:28
59. 실습(1)
04:13
60. 실습(2)
05:59
61. 실습(3)
03:34
62. 실습(4)
04:22
63. 실습(5)
04:22
64. 실습(6)
05:02
65. 실습(7)
05:32
66. 실습(8)
03:26
67. 실습(9)
05:41
68. 실습(10)
05:38
69. 실습(11)
04:23
70. 실습(12)
05:22
71. 실습(13)
05:01
72. 실습(14)
03:38
73. 실습(15)
03:57
74. 실습(16)
05:59
75. 실습(17)
04:40

섹션 4. Header•SNS Login & Footer

53개 ∙ (4시간 14분)

섹션 5. PostDetailScreen

12개 ∙ (58분)

섹션 6. CartScreen

5개 ∙ (28분)

섹션 7. PaymentScreen

19개 ∙ (1시간 36분)

섹션 8. ShippingScreen

21개 ∙ (1시간 41분)

섹션 9. PostUploadScreen

18개 ∙ (1시간 28분)

섹션 10. MyPageScreen

3개 ∙ (12분)

섹션 11. AdminScreen

34개 ∙ (2시간 53분)

강의 게시일: 2023. 10. 30.

마지막 업데이트일: 2023. 10. 31.

수강평

아직 충분한 평가를 받지 못한 강의입니다.

모두에게 도움이 되는 수강평의 주인공이 되어주세요!

싸플님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

Terraform 배포 가이드

싸플

현 시점 코드형 인프라스트럭처(IaC) 끝판왕 Terraform! Azure 서버에 Github Action을 사용해 자동 배포를 완성해봅시다

초급

Terraform, Docker, Kubernetes

Colini 웹개발 가이드

싸플

웹 개발 처음 시작하시는 분들을 위한 완전 기초 강의! HTML, CSS, Javascript, React 등 웹개발 기초를 쌓아보자!

입문

HTML/CSS, JavaScript, React

리액트로 나만의 블로그 만들기(MERN Stack)

싸플

풀스택으로 나만의 블로그를 만들어 보아요~~!

중급이상

React, Redux, Node.js

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

리액트로 나만의 블로그 만들기(MERN Stack)

싸플

풀스택으로 나만의 블로그를 만들어 보아요~~!

중급이상

Express, React, Redux

풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기

정재남

개발부터 배포까지! 하나의 서비스를 완성하기 위한 험난한 여정을 여과없이 보여드립니다. 처음 써보는 기술들을 잔뜩 도입하여 좌충우돌 우당탕탕하면서도 어떻게든 헤쳐나갈 수 있어요!

초급

React, GraphQL, Firebase

Colini 웹개발 가이드

싸플

웹 개발 처음 시작하시는 분들을 위한 완전 기초 강의! HTML, CSS, Javascript, React 등 웹개발 기초를 쌓아보자!

입문

HTML/CSS, JavaScript, React

React + Firebase 풀스택 개발 - 파이어베이스 파이어스토어 Data Modeling

브라이트코딩

이 강의를 통해 파이어베이스로 DB의 관계를 구현하는 방법을 배우시게 됩니다. 빠르게 리액트 풀스택 개발자가 될 수 있습니다. 고용이 불안정한 지금 이 시대에는 새로운 기술을 배워 자신의 가치를 올려야 합니다. 그리고 무언가를 만들어야 합니다. 그 사이드 프로젝트와 아이디어를 구현 할 때 데이터의 "관계"를 구현할 수 있어야 합니다. 이 강의는 파이어베이스 "파이어스토어"로 "관계"를 구현할 수 있도록 도와 드립니다.

초급

Firebase, React, firestore

React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발

코딩의세계 한태재

React와 Three.js 를 한번에! 3D 기초부터 현업에 사용할 수 있는 프로젝트 그리고 최적화 팁 까지 !

초급

인터랙티브 웹, react-three-fiber, Three.js

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

코배투

React로 광고 수익형 웹사이트를 만들어 봅니다. 광고를 최적화 하고 서버 비용을 줄이기 위한 방법과 규모에 따른 사이트 운영 Tip까지 배워봅니다.

초급

React, AWS, cloudflare

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

John Ahn

이 강의를 통해 리액트와 노드의 개념을 익히는 것뿐만이 아닌 실질적으로 어떻게 웹사이트를 만들 수 있는지를 배울 수 있습니다.

초급

React, Redux, Node.js

쥬쥬와 함께 하루만에 끝내는 스프링 테스트

쥬쥬

테스트 코드 작성이 망설여지시나요? 이 강의를 통해 스프링 환경 테스트의 A to Z를 경험해보세요!

초급

소프트웨어 테스트, Mockito, JUnit

입문자를 위한 Spring Boot with Kotlin - 나만의 포트폴리오 사이트 만들기

정용백

이론부터 실습까지. 직접 개발한 웹사이트를 클라우드에 올리며 웹 개발 전반을 학습할 수 있습니다.

초급

Spring Boot, Kotlin, JPA

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

중급이상

Next.js, React, GraphQL

[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스

정현우

아이디어는 있는데 앱을 어떻게 개발해야할지 몰랐던 분들, 실전 프로젝트 4개를 만들어보면서 앱 개발을 마스터해봅시다!

입문

JavaScript, React, Node.js

초급자를 위한 [대세는 쿠버네티스]

일프로

[Update 2025.04] 이론과 실습으로 가성비 있게 쿠버네티스에 대한 실력을 높여 보세요. 이 강좌를 통해 여러분도 대세에 쉽게 편승할 수 있게 됩니다.

초급

Docker, Kubernetes, devops

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

초급

React, Next.js, expo

Terraform 배포 가이드

싸플

현 시점 코드형 인프라스트럭처(IaC) 끝판왕 Terraform! Azure 서버에 Github Action을 사용해 자동 배포를 완성해봅시다

초급

Terraform, Docker, Kubernetes

어서와 도커는 처음이지? : 공식 문서로 공부하는 Docker & Container

코드쿼카

전 세계 2,000만 명 이상의 개발자가 사용하는 기술 스택인 도커! 수많은 개발자들의 기본 기술스택으로 자리잡은 도커와 컨테이너 개념에 대해 공식 문서를 따라가며 공부합니다! 시중에 넘쳐나는 두꺼운 도커 책들을 보며 시작하기도 전에 겁먹으셨나요? 방대한 양의 정보를 언제 다 익힐지 막막하셨을거에요. 이 강의는 도커 공식 문서를 기반으로 핵심 내용을 짚어주며, 실습 위주의 탄탄한 커리큘럼으로 구성되어 있습니다. 강의를 마치면 실무적으로 다양하게 도커를 사용할 수 있게 될 거에요!

입문

Docker, docker-compose, docker-volume

14 days with Claude Code

지승현

출시되자마자 바로 시작해서 14일간 써본 결과 취준생도 현업자도 모두 바로 적용할수 있는 클로드 코드! (AI 코딩) 라고 모두에게 추천하는 이유를 바로 알려드립니다.

입문

React, Python, Java

타입스크립트 코리아 : React with TypeScript 세미나

이웅재

타입스크립트와 리액트 관련 강좌입니다.

중급이상

React, TypeScript

연관 로드맵

강의가 포함된 로드맵으로 학습해 보세요!

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

싸플

월 ₩63,800

5개월 할부 시

₩319,000

NodeFull Stack 개발 가이드

초급자를 위해 준비한 [웹 개발, 풀스택] 강의입니다.

이런 걸 배울 수 있어요

이런 분들께 추천드려요!

안녕하세요 싸플입니다.

커리큘럼

수강평

싸플님의 다른 강의

비슷한 강의

연관 로드맵

초급자를 위해 준비한
[웹 개발, 풀스택] 강의입니다.

이런 분들께
추천드려요!

안녕하세요
싸플입니다.