https://feature-sliced.design/docs/guides/examples/auth

How to get credentials from the user

Dedicated page for login

일반적으로 웹사이트에는 로그인 전용 페이지가 있으며, 여기에서 사용자는 아이디와 비밀번호를 입력합니다.

이러한 페이지는 비교적 단순하므로 별도의 분해(decomposition)가 필요하지 않습니다.

로그인 및 회원가입 폼은 외형이 매우 유사하므로, 하나의 페이지로 그룹화할 수도 있습니다.

Pages 레이어에 로그인/회원가입 페이지를 위한 슬라이스를 생성하세요.

Dialog for login

애플리케이션에서 로그인 다이얼로그를 제공하며 이를 모든 페이지에서 사용할 수 있다면, 해당 다이얼로그를 위젯으로 만드는 것이 좋습니다.

이렇게 하면 불필요한 세분화를 피하면서도, 로그인 다이얼로그를 어느 페이지에서나 자유롭게 재사용할 수 있습니다.

Client-side validation

때때로, 특히 회원가입 과정에서는 클라이언트 측 검증을 수행하여 사용자가 실수를 빠르게 인지할 수 있도록 하는 것이 유용합니다.

검증 로직은 로그인 페이지의 model 세그먼트에서 처리할 수 있습니다.

S/TS에서는 Zod와 같은 스키마 검증 라이브러리를 사용하고, 해당 스키마를 ui 세그먼트에 노출하세요.