회원 가입

로그인 화면에서 가입하기를 클릭합니다.

image.png

이메일, 사용자명, 비밀번호, 프로필 이미지를 추가하고 계속하기를 클릭합니다.

조금 전 생성한 계정으로 로그인합니다.

image.png

좌측 하단 현재 로그인한 사용자를 나타내는 화면에서 ⚙️를 클릭합니다.

image.png

사용자 정보 수정과 로그아웃을 할 수 있습니다. 수정 테스트를 진행해보세요.

이제 여러 사용자의 상호작용을 확인해봅시다. 먼저 로그아웃하고 여러 계정을 만들어볼게요.

image.png

제공된 프론트엔드는 브라우저의 탭 별로 로그인 상태를 관리하도록 구현되었어요. 여러 사용자 간 상호 작용을 확인하기 위해 2개의 탭을 띄우고 로그인할게요.

저는 우디와 버즈로 로그인했습니다.

image.png

자 여기까지 진행했다면 벌써 많은 데이터가 저장되었을거예요. FileRepository 기반으로 서버를 실행했다면 내가 지정한 경로에 파일이 생겼을 겁니다.