Thumbnail
개발 · 프로그래밍 백엔드

Express 튜토리얼 : 웹 서비스를 위한 핵심 API 대시보드

(5)
2개의 수강평 ∙  79명의 수강생

38,500원

지식공유자: 판다코딩
총 55개 수업 (6시간 50분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공
폴더에 추가 공유

초급자를 위해 준비한
[백엔드, 웹 개발] 강의입니다.

Express를 통해 Node 환경에서 웹 어플리케이션을 위한 서버를 구축합니다. CRUD Service, User Authentication 등을 다루면서 학습해봅니다.

✍️
이런 걸
배워요!
Node
Express
MongoDB
Mongoose

Node 환경에서 express를 사용해
웹 어플리케이션 서버를 구축해봐요! 🚩

강의를 소개합니다 💻

강의에서 이런 걸 배워봐요 👨‍🏫📙

  • Node/Express 서버 구현
  • NoSQL DB를 활용한 CRUD 서비스 구현 with MongoDB, Mongoose
  • RDB를 활용한 CRUD 서비스 구현 with PostgresQL
  • Session-based User Authentication 구현 with Passport
  • Json Web Token 기반 User Authentication 구현 with JWT


항상 사용자의 입장에 서서

코딩을 튼튼하게 🦾

어떠한 언어를 학습하든, 어떠한 프레임워크를 사용하여 서비스를 구현하든, 개발자는 항상 사용자의 입장에 있어야 합니다. 새로운 환경에서 새로운 프레임워크를 사용할 때 내딛는 첫 걸음은 언제나 힘들고 낯설기에, 하나의 서비스를 다양한 방법으로 구현하지 못하는 개발자가 늘고 있습니다.

본 강의의 가장 큰 특징은 같은 서비스라 하더라도, 다양한 도구를 통해 여러 방법으로 반복하여 구현한다는 점입니다. 서버의 역할 중 가장 중요한 부분에 대해 상황에 맞도록 도구를 선택하여 구현합니다. 이는 나중에 새로운 환경에 맞닥뜨리게 되더라도 튼튼한 기초체력이 되어 줄 것입니다.


학습할 내용 맛보기 ✏️

1. Hello, Node / Express

서버 영역에서 Javascript를 컴파일할 수 있다는 점 때문에 Node 환경의 인기는 높습니다. 이 Node 기반 서버에 대해 이해하고, 서버를 직접 구축하고, 클라이언트와 직접 통신해보는 과정과 함께 express를 위한 템플릿 엔진 ejs와 pug를 학습합니다.

2. Hello, CRUD (with NoSQL, RDB)

NoSQL과 RDB 중 하나의 DB를 선택하는 것은 개발자의 오랜 숙명이었습니다. 각각의 DB가 가지는 장점은 분명하고, 개발 환경과 상황에 따라 사용해보며 각 특징에 맞는 DB는 존재합니다. 최근 여러 분야에서 각광받는 MongoDB (NoSQL)와 PostgresQL (RDB)를 직접 다뤄봅니다.

3. User Authentication

최근에는 보안, 편의성, 확장 등의 이유로 사이트 가입 시 유명한 플랫폼의 인증을 API로 구현하는 추세입니다. 하지만 이런 OAuth를 도입해도 그 상태를 유지하는 법에 대해 알아야 인증의 결과를 갖고와서 세션과 토큰으로 관리할 수 있습니다.

4. Scale-up & Bonus Lecture

서버의 핵심 부분과 더불어 많은 분들이 이전 강의에서 요청해주신, 프로젝트에 서버와 데이터베이스를 도입하는 보너스 강의를 추가했습니다. 판코와 함께하는 MBTI 사이트 만들기에서 참조해주세요.

이런 분이라면 들어보세요! 🤚

나만의 웹서비스를
만들고싶은 분

서버의 핵심기능을
배우고싶은 분

서버를 만드는 다양한
환경을 알고싶은 분


예상 질문 Q&A 💬

Q. 이 강의를 통해 웹 서버 개발에 입문해도 될까요?

본 강의는 서버 입문자를 대상으로 기획되었습니다. 입문용 강의이긴 하지만 웹 어플리케이션을 위한 서버의 핵심적인 기능을 다루고 있습니다. 난이도별, 단계별로 Express를 다루며 본 강의를 통해 실제 웹 어플리케이션을 위한 서버 구축의 레벨까지 수강생분들이 성장하실 수 있을 것이라 기대합니다.

추가적으로, 강의를 들으시면서 추가하고 싶은 기능이 있다면 질문을 활용해주세요. 많은 수강생들이 원하시는 부분이라면 강의를 제작해 탑재하도록 하겠습니다.

Q. 저는 웹개발 경험이 없는데 괜찮을까요?

기초적인 HTML과 CSS 지식이 있으면 본 강의를 더 깊게 이해하실 수 있을 것 같습니다. Express를 위한 view engine으로 Pug와 EJS를 다루는 데, 두 템플릿 엔진 모두 뼈대는 HTML과 동일하기에 기초적인 지식이 없다면 어렵게 느껴지실 수 있습니다. 다만, 높은 수준의 지식을 요구되지는 않기에 간단한 프로젝트를 경험하시며 HTML/CSS 기초를 익히시길 권장해드립니다. 이번 보너스 강의와 연계되기도 하는 [하루10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기는 어떨까요?

Q. 어느 정도의 Javascript 선수지식이 필요할까요?

Node/Express 모두 Javascript를 기반으로 하고 있기 때문에 기초적인 지식은 요구됩니다. (공식문서를 첨부해드려요.) 하지만 단순히 생각하면 그저 Javascript일 뿐 그 이상 그 이하도 아닙니다. 하여, 공식문서에 요구되는 지식이 없다 하더라도 object를 포함한 js의 기초적인 자료형과 return, 함수 block의 유효범위 등 함수의 사용법인자만 알고 계신다면 추가적인 문법 설명은 강의에 녹아있습니다.

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
'서버'를 처음 입문하시는 분
나만의 웹 서버를 제작하고 싶으신 분
빠르게 서버의 핵심 기능을 학습하고 싶으신 분
서버를 만드는 다양한 환경을 배우고 싶으신 분
📚
선수 지식,
필요할까요?
JavaScript (ES6+)
HTML 기초

안녕하세요
판다코딩 입니다.
판다코딩의 썸네일

문의 : nani6765@gmail.com


주요이력 

[대외활동]
- 한국대학생IT경영학회 22기 부학회장

[경력/이력]
- 전 주식회사 아이보스 분석팀 (2019)
- 전 주식회사 미라이크 Developer (2020)
- 전 미디어프렌드 CTO (2021 ~ )

[강사/강의]
- 인프런 강의 다수
- 국비지원과정 특강 다수
- 부트캠프 HTML/CSS/VUE 강사

커리큘럼 총 55 개 ˙ 6시간 50분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. Hello, Node
섹션 2. Hello, CRUD (with NoSQL)
MongoDB Atlas : MongoDB 무료 호스팅 받기 미리보기 06:04 Connecting MongoDB : MongoDB 어플리케이션에 연결하기 미리보기 10:04
Create : post 업로드하기 05:03
Read : 저장된 게시글 리스트로 보여주기 06:03
Create : document에 custom '_id' 부여하기 07:34
Read : 게시글 정보 detail 페이지로 보여주기 05:30
Read : Moment를 활용한 Date Formatting 04:10
jquery/ajax를 통한 요청 11:43
Update : 게시글 수정하기 07:28
Delete : 게시글 삭제하기 03:37
Mongoose : Mongoose 소개 04:54
Mongoose : Schema와 Model 만들기 09:09
Mongoose : CRUD 12:40
Post CRUD 완성본 전체 소스 코드 (MongoDB/Mongoose)
섹션 3. Hello, CRUD (with RDB)
Router : 공통된 API들 별개의 파일로 저장하기 09:49
Postgresql 소개 & elephantsql로 무료 호스팅받기 07:36
Connecting Postgresql : Postgresql 어플리케이션에 연결하기 06:37
Create & Read : 게시글 등록, 게시글 리스트, 게시글 상세 페이지 구현 07:28
Update & Delete : 게시글 수정, 게시글 삭제 구현 09:42
Post CRUD 전체 소스 코드 (Postgresql)
섹션 4. Scale up
환경변수 관리하기 : process.env 08:46
이미지 업로드하기 : multiparty (1) 12:24
이미지 업로드하기 : multiparty (2) 11:50
Authentication : 회원인증 08:58
미들웨어란? 05:18
쿠키와 세션 : cookie-parser 11:16
쿠키와 세션 : express-session 09:41
섹션 5. User Authentication
회원가입 구현하기 12:38
회원가입 유효성 검사하기 10:46
인증 구현하기 with Session Based 09:03
인증 구현하기 with Session Based + Passport 15:09
인증 구현하기 with JWT : 토큰 발급하기 16:00
인증 구현하기 with JWT : 토큰 유효성검사하기 12:17
User Authentication 전체 소스 코드
섹션 6. 보너스 강의
강의를 마치며 04:55
[Level Up] Post-User : 게시글 정보와 유저 정보 연동하기 06:03
[for Front-end] React App과 Express 연동하기 03:32
[for Front-end] Vue App과 Express 연동하기 02:29
[ToyProject] 나만의 MBTI 사이트 제작하기 08:15
[ToyProject] 나만의 MBTI 사이트 제작하기 - Heroku로 배포하기 07:16
[ToyProject] 나만의 MBTI 사이트 제작하기 전체 소스 코드
강의 게시일 : 2022년 03월 28일 (마지막 업데이트일 : 2022년 03월 28일)
수강평 총 2개
수강생분들이 직접 작성하신 수강평입니다.
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
berrycore thumbnail
5
Express 에 대한 기본적인 사용법을 익힐 수 있습니다. mongoDB 뿐만 아니라 RDB (PostgreSQL) 도 같이 실습할 수 있어서 좋았습니다. 많은 도움이 되었습니다.
2024-01-24
wonjinYi thumbnail
5
실용적인 내용만 간단히 담겨있는 좋은 강의입니다. 다만 라이브러리가 업데이트되면서 약간 미묘하게 달라진 내용이 있는데, 그것만 주의하면 됩니다. 제가 밟은 지뢰는 커뮤니티-자유주제에 남겨두었습니다.
2023-04-21