Svelte 실전 강의 - 스도쿠 만들기
Svelte 실전 강의 - 스도쿠 만들기
수강정보 9명의 수강생
30% 할인, D-21
26,950원
38,500원
지식공유자 : 이효범(Beomy)
50회 수업 · 총 7시간 51분 수업
기간 : 평생 무제한 시청
수료증 : 발급 강의
수강 난이도 : 중급이상
지식공유자의 다른 강의 연관 로드맵

이 강의는

Svelte, Express, JWT, MongoDB를 사용해서 웹 게임을 만들어 볼 수 있습니다. FrontEnd와 BackEnd 모두 다루어 보고 싶으신 분들 환영합니다!

프론트엔드와 백엔드를 아우르는 스벨트 실전 강의,
Svelte와 Express로 스도쿠 게임 만들기 !

강의 소개 📝

스도쿠 게임을 만들며 익히는
Svelte(스벨트)
 실전 강의입니다.

 

Svelte와 Express를 사용해서 스도쿠 게임을 만들어 보는 강의입니다. 프론트엔드부터 백엔드까지 넓게 보고 넓은 개념을 만들기 위한 강의로 준비했습니다. 본 강의에서는 JWT, MongoDB 등 여러 라이브러리를 사용합니다. 라이브러리 사용과 함께 기본 개념도 설명해 드립니다. Svelte의 기본 문법을 모르셔도 어렵지 않게 이해하실 수 있도록 구성했으니 망설이지 말고 도전해보세요!

왜 이 강의를 들어야 하나요? ✒️

실전 감각을 익히는 지름길은 바로 실습! Svelte(스벨트)의 기본 문법을 알고 계신다면, 그다음 순서는 직접 몸으로 익혀보는 것입니다. 실제로 사용해 보지 않고 문법만 공부하면 금세 기억 속에서 잊히기 마련이니까요. 저와 함께 지금 당장! 스도쿠 게임을 만들어 보아요.

이 강의의 목표는 프론트엔드와 백엔드 모두 다뤄보며 넓~은 개념을 만드는 것입니다. 프론트엔드 분야도 넓고 백엔드 분야도 넓어서 마스터는 불가능할지 모르지만, 최소한 서로를 이해하고 작업하면 능력이 향상되겠죠?!

이 강의에서 배우는 것들 ✏️

프론트엔드는 Svelte, 백엔드는 Express, DB는 MongoDB, 그리고 사용자 인증을 위해 JWT를 사용합니다. 아래 목록의 라이브러리들을 사용하니 참고해주세요. 나중에 찾아서 따로 공부하시기 편하시도록, 사용하는 라이브러리는 모두 공식 문서를 참고하여 설명해 드립니다.

  • Svelte (svelte-spa-router)
  • Express (http-errors, crypto, cors)
  • JWT (jwt-decode, jsonwebtoken)
  • MongoDB (mongoose)
  • Lodash
  • Axios

강의 특징 💡 

실습 강의와 개념을 설명해 드리는 참고 이론 강의가 모두 있습니다. 프로젝트를 완성하신 후에 부록 강의를 보시고 Heroku 서버에 배포해 보실 수도 있습니다.

강의 자료 📖

강의 PPT와 소스코드: https://github.com/beomy/inflearn-svelte-practice

Demo: https://svelte-sudoku.herokuapp.com/

지난 강의 함께 보기 👀

스벨트 Svelte 입문 강의 - A부터 Z까지   추천 입문강의 
공식문서 기반의 스벨트 기본기 + 핵심문법

예상 질문 Q&A 🙋🏻‍♂️ 

Q. Svelte를 처음 들어보는데 수강 가능한가요?
A. 수강 가능합니다. 이 강의에서 진행하는 Svelte 문법은 기본 문법이 위주이기 때문에 Svelte를 처음 들어보셔도 수강하실 수 있습니다. 하지만 기본이 탄탄해야 얻는 것이 더 많습니다. 👉Svelte 입문 강의를 먼저 듣고 이 강의를 들으시는 것을 추천해 드립니다.

Q. 이 강의의 목표가 무엇인가요?
A. 이 강의를 듣고 난 후 프론트엔드와 백엔드 모두를 마스터하는 것이 이 강의의 목표는 아닙니다. 물론 프론트엔드와 벡엔드를 모두 마스터하게 되면 좋겠지만 프론트엔드 영역도 백엔드 영역도 매우 넓기 때문에, 이 강의만으로 모두를 이해하기에는 한계가 있습니다. 이 강의의 목표는 프론트엔드와 백엔드를 이해하고 어느 한 영역에서 일할 때 반대쪽 영역을 이해하고 업무 효율을 높일 수 있게 하는 것이 이 강의의 목표입니다.

Q. 이 강의만의 특별한 장점이 있을까요?
A. 프론트엔드, 백엔드의 개념을 모두 만들어가는 것이 목표이기 때문에, 이번 강의는 실습 강의이지만 실습만으로 끝나는 강의는 아닙니다. 추가 설명이 필요한 개념이라면 추가 설명을 위한 강의를 제작하였습니다. 이 강의를 들으시고 개념 혹은 무엇이든 궁금한 점을 질문해 주시면 정성껏 답변 드리도록 하겠습니다.

이런 걸 배워요

  • Svelte를 사용해서 스도쿠 게임을 만들어요
  • Express로 Node.JS를 학습해요
  • MongoDB, JWT, Lodash, Axios, Crypto 등의 라이브러리 사용법을 배워요
  • Heroku 서버에 실제 웹 서비스를 배포할 수 있어요

도움 되는 분들

  • Svelte를 사용해서 실무에 적용하고 싶으신 분
  • Express로 백엔드에 입문 하시는 분
  • JWT를 처음 사용해 보시는 분
  • MongoDB를 사용해 보고싶으신 분

선수 지식

  • ES6+
  • Svelte 기본 문법

공개 일자

2020년 11월 19일 (마지막 업데이트 일자 : 2020년 11월 19일)

아직 평가를 충분히 받지 못한 강의 입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!😄️️

교육과정

모두 펼치기 50 강의 7시간 51분
섹션 2. [Backend] 로그인 구현
7 강의 58 : 01
ToDo 리스트
02 : 56
MongoDB 연결
09 : 43
회원가입 API
16 : 05
회원가입 유효성 체크 API
05 : 09
로그인 API
10 : 29
[참고] Json Web Token
07 : 45
[참고] MondoDB
05 : 54
섹션 3. [Frontend] 로그인 구현
4 강의 36 : 25
ToDo 리스트
02 : 52
Router 및 CSS 설정
06 : 42
Login 컴포넌트
17 : 00
Join 컴포넌트
09 : 51
섹션 4. [Backend] 스도쿠 구현
6 강의 54 : 28
ToDo 리스트
01 : 55
Sugoku API 서버 연결
13 : 40
로그인 인증 미들웨어
07 : 36
스도쿠 생성 API
19 : 25
스도쿠 가져오기 API
05 : 26
스도쿠 업데이트 API
06 : 26
섹션 5. [Frontend] 스도쿠 구현
14 강의 153 : 37
ToDo 리스트
03 : 13
DefaultLayout 컴포넌트
14 : 53
Difficulty 컴포넌트
11 : 18
Navigation 컴포넌트
21 : 41
NumberPad 컴포넌트 - Number 컴포넌트
03 : 13
NumberPad 컴포넌트
06 : 20
Sudoku 컴포넌트 - Sudoku 가져오기
07 : 41
Sudoku 컴포넌트 - 마크업
11 : 28
Sudoku 컴포넌트 - 스도쿠 틀 스타일
17 : 51
Sudoku 컴포넌트 - 스도쿠 셀 스타일
24 : 31
Home 컴포넌트 - 새게임
03 : 35
Home 컴포넌트 - 메시지
09 : 24
Home 컴포넌트 - 힌트
10 : 10
Home 컴포넌트 - 답&메모 입력, 지우기
08 : 19
섹션 6. [부록] 프로젝트 고도화
2 강의 10 : 48
[Bugfix] Sugoku 복수 정답 처리
05 : 16
[Fix] Authorization Bearer 적용하기
05 : 32
섹션 7. [부록] Sugoku 독립하기
7 강의 64 : 20
ToDo 리스트
01 : 34
Sudoku 문제 생성 - 알고리즘
02 : 46
Sudoku 문제 생성 - 알고리즘 적용
09 : 13
Sudoku 문제 풀이 - 알고리즘
03 : 32
Sudoku 문제 해결 - 알고리즘 적용 1
16 : 08
Sudoku 문제 해결 - 알고리즘 적용 2
07 : 20
Sugoku API 대체하기
23 : 47
섹션 8. [부록] 배포하기
2 강의 22 : 09
[Backend] Github, Heroku 배포하기
10 : 25
[Frontend] Github, Heroku 배포하기
11 : 44
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스