프로젝트 개요
LG CNS One Brain 2.0에서는 웹과 앱뷰를 모두 지원하는 관리자 화면을 개발했습니다. 특히 단계형 로그인 흐름과 외부 인증 연동 이후의 상태 관리 구현 경험을 쌓았습니다.
화면 및 구조
One Brain admin
프로젝트 기간, 역할, 프로젝트 규모
- 프로젝트 기간
- 2023.02 - 2023 상반기
- 역할
- 프론트엔드 개발, 단계형 로그인 UX와 반응형 WebView 구현
- 프로젝트 규모
- 웹과 앱뷰를 모두 지원하는 관리자 로그인/목록 화면
기술 스택
Vue3PiniaElement PlusResponsive WebAdmin
담당업무
이름, 생년월일, 전화번호 입력과 외부 인증 팝업을 거치는 단계형 로그인 화면을 구현했습니다.
웹과 앱뷰 환경을 모두 고려한 반응형 화면을 개발했습니다.
Pinia로 단계별 입력값과 외부 인증 복귀 후 상태를 관리했습니다.
문제 및 해결방안
외부 인증 이후 상태 복원
로그인 과정에서 외부 시스템으로 이동했다가 다시 돌아오는 구간에서 입력값과 인증 상태를 안정적으로 유지해야 했습니다.
단계별 상태를 store에 분리하고, 복귀 시 필요한 값을 다시 연결해 사용자가 로그인 흐름을 이어갈 수 있도록 구현했습니다.
기술적 의사결정
로그인 흐름을 단일 폼이 아니라 단계별 상태로 나누어 입력값 유지와 복귀 처리를 쉽게 했습니다.
성과
외부 인증 구간을 포함한 로그인 흐름을 사용자가 이어서 진행할 수 있게 구현했습니다.
관리자 도메인의 단계형 인증 UI와 상태 관리 경험을 쌓았습니다.
배운점
외부 시스템을 오가는 로그인은 화면 구성보다 상태 보존과 복귀 처리가 더 어렵다는 점을 배웠습니다.