커리큘럼

• Week 1-1

  개발자 입장에서 바라본 로그인의 개념과,
  로그인을 적용하기 위한 어플리케이션 구조에 대해 알아봅니다.

  로그인, 인증, 레이아웃 컴포넌트, 슬롯

  • 로그인이란 무엇인가
  • 로그인 페이지 만들고 목업 연결하기
  • 레이아웃 컴포넌트와 라우터 구성
  • 프로젝트 디렉토리를 구성하는 방법
  • 로그인 상태에 따라 라우터 접근 권한 제어하기
  • [아하!모먼트] CSR과 SSR, 유지보수 관점에서 생각해 보기

• Week 1-2

  배포된 서버의 JWT 로그인 기능을 이용해 실제 로그인 기능을 구현해 보고,
  프론트엔드 어플리션의 구조와 기능 관점에서 학습합니다.

  JWT, 보안, API 호출, 로그아웃

  • 로그인을 구현하는 일반적인 기술 1: JWT 기반 로그인 동작 살펴보기
  • JWT를 이용한 로그인 구현해 보기
  • JWT, 어디에 보관할 것인가
  • 실제 로그인 API로 로그인 상태에 따라 라우터 접근 권한 제어하기
  • 로그아웃 처리하기
  • [아하!모먼트] 정답이 있는 문제와 정답이 없는 문제

• Week 2-1

  로컬 서버에 세션 기반 로그인 서버를 실행해 로그인 기능을 구현해 보고,
  인프라스트럭쳐 관점에서 관련된 내용을 알아봅니다.

  세션, 로컬호스트, 인프라, 백엔드

  • 로그인을 구현하는 일반적인 기술 2: 세션 기반 로그인 동작 살펴보기
  • 로컬 서버에 세션 기반 로그인 서버 실행하기
  • 세션을 이용한 로그인 구현해 보기
  • 세션 로그인을 위해 백엔드에서 수행하는 일들
  • 인프라 관점에서 본 프론트/백 어플리케이션의 통신과 로그아웃
  • [아하!모먼트] 백엔드 개발자도 처음이라면 잘 모를수 있어요

• Week 2-2

  실무에서 자주 등장하는 로그인과 관련된 개념들을 조금 더 자세히 알아보고,
  답변하지 못했던 질문들에 대해서 답변하는 시간을 가집니다.

  OAuth, 권한 관리, Refresh Token, Access Token, 싱글톤 패턴

  • OAuth 알아보기
  • 롤 베이스 유저별 권한 관리
  • Refresh token과 Access token
  • 프론트엔드 앱 구조와 싱글톤 패턴
  • 질문과 답변
  • [아하!모먼트] 무언가를 '막연하게' 알고있는 것