<aside> 💡 기본적인 실습은 TypeScript + React 기반으로 제공

해설 및 답안은 TypeScript로만 제공

answer 브랜치로 답안을 볼 수 있음

</aside>

Today Overview

1. 로그인의 개념과 어플리케이션 구조

<aside> 💡 로그인의 기술적 정의와 실제 서비스에서의 사용도에 대해 알아보자. 직접 로그인 화면과 Mock API를 세팅하며 학습하자. 구성해 본 로그인 로직이 실제 서비스에 적용되지 위해서 필요한 부분에 대해 알아보자.

</aside>

◇ 로그인이란 무엇인가?

스크린샷 2023-10-04 오후 7.12.20.png

사용자가 시스템에 접근하거나 동작을 수행하는 것을 제어하고 기록하기 위한 컴퓨터 보안 절차

◇ 서비스 관점에서 로그인의 정의 생각해보자.

스크린샷 2023-10-04 오후 7.15.02.png

스크린샷 2023-10-04 오후 7.16.12.png

서비스 레벨에서 로그인이 정상적으로 작동하기 위해선 누군지 알아야한다?

[로그인 구현을 위한 프론트엔드에서 작성해야하는 것들]

로그인 페이지

로그인 인증관련 데이터 관리