DIAR-98 로그인 기능 구현

[boyon99]

상위 작업 Ticket Number

DIAR-32

이슈 내용(Description)

카카오 로그인 기능 구현 및 온보딩 페이지 만들기

상세 내용(Details)

• 카카오 로그인 기능 구현
• 로그인 페이지 제작
• 온보딩 페이지 제작

체크리스트(Tasks)

로그인 페이지

카카오 로그인 구현하기

• 카카오 로그인 기능 구현하기

로그인 구현하기

• access token 쿠키에 저장 및 만료시간 설정
• protected route 설정해서 로그인 되지 않았을 경우 해당 페이지로 이동하지 못하게 막기
• header에 access token 추가
• 로그인이 되어 있는 상태이면 로그인 페이지로 이동하지 않고, 메인 페이지로 이동

온보딩 페이지

캐러셀 구현하기

• 컴포넌트 이동 버튼 기능 구현하기
• 버튼 클릭 시 배경 색상 및 이미지 변경하기
• 이미지 파일 컴포넌트화

참조(References)

OAuth 2.0 개념과 동작원리