Skip to content

feat(fe): impl kakao login#3599

Open
dayeoni wants to merge 11 commits into
feat/remove-whitelistfrom
t2728-impl-kakao-login
Open

feat(fe): impl kakao login#3599
dayeoni wants to merge 11 commits into
feat/remove-whitelistfrom
t2728-impl-kakao-login

Conversation

@dayeoni
Copy link
Copy Markdown
Contributor

@dayeoni dayeoni commented May 29, 2026

Description

[화이트리스트 제거] 로그인 페이지 작업
🔴아직 진행중인 작업입니다

Additional context

로그인 페이지에 대한 작업

[피그마 버전 완성본]
image
[현재 작업 완료 상황]
image
[진행 상황]
  • 로그인 모달 -> 페이지
  • 로그인/회원가입 버튼
  • 화면 비율에 따른 배경 수정
  • kakao 로그인 연결 (+네이버, 깃허브, 구글)
  • 최근 로그인한 소셜 표시

closes TAS-2728

Before submitting the PR, please make sure you do the following

Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request introduces a new dedicated login page layout and component structure, replacing the previous modal-based login implementation. Feedback on the changes suggests improving responsiveness by replacing fixed widths and alignments with responsive Tailwind classes in both the login page and layout components. Additionally, it is recommended to clean up the codebase by removing the old login page code that was left commented out in the page file.

Comment thread apps/frontend/components/auth/LogInPage/LogInPage.tsx Outdated
Comment thread apps/frontend/app/(client)/login/layout.tsx Outdated
Comment on lines +5 to +69
export default function Page() {
return <LogInPage />
}

// 'use client'

// import { AuthModal } from '@/components/auth/AuthModal'
// import {
// Dialog,
// DialogContent,
// DialogHeader,
// DialogTitle
// } from '@/components/shadcn/dialog'
// import { useSession } from '@/libs/hooks/useSession'
// import { useAuthModalStore } from '@/stores/authModal'
// import type { Route } from 'next'
// import { useRouter, useSearchParams } from 'next/navigation'
// import { useEffect } from 'react'

// export default function LoginPage() {
// const { currentModal, hideModal, showSignIn } = useAuthModalStore(
// (state) => state
// )
// const session = useSession()
// const router = useRouter()
// const searchParams = useSearchParams()

// useEffect(() => {
// showSignIn()
// }, [showSignIn])

// useEffect(() => {
// if (session) {
// const redirectUrl = searchParams.get('redirectUrl')
// if (redirectUrl) {
// router.push(redirectUrl as Route)
// } else {
// router.push('/')
// }
// }
// }, [session, router, searchParams])

// return (
// <Dialog open={currentModal !== ''} onOpenChange={hideModal}>
// <DialogContent
// onOpenAutoFocus={(e) => {
// e.preventDefault()
// }}
// onInteractOutside={(e) => {
// e.preventDefault()
// }}
// onEscapeKeyDown={(e) => {
// e.preventDefault()
// }}
// hideCloseButton={true}
// className="!h-[620px] !w-[380px] rounded-[10px]"
// >
// <DialogHeader className="hidden">
// <DialogTitle />
// </DialogHeader>
// <AuthModal />
// </DialogContent>
// </Dialog>
// )
// }
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

이전 로그인 페이지의 코드가 주석 처리된 채로 파일 하단에 남아 있습니다. Git 기록을 통해 이전 코드를 언제든지 추적하고 복구할 수 있으므로, 불필요한 주석 코드는 제거하여 파일의 가독성과 유지보수성을 높이는 것이 좋습니다.

Suggested change
export default function Page() {
return <LogInPage />
}
// 'use client'
// import { AuthModal } from '@/components/auth/AuthModal'
// import {
// Dialog,
// DialogContent,
// DialogHeader,
// DialogTitle
// } from '@/components/shadcn/dialog'
// import { useSession } from '@/libs/hooks/useSession'
// import { useAuthModalStore } from '@/stores/authModal'
// import type { Route } from 'next'
// import { useRouter, useSearchParams } from 'next/navigation'
// import { useEffect } from 'react'
// export default function LoginPage() {
// const { currentModal, hideModal, showSignIn } = useAuthModalStore(
// (state) => state
// )
// const session = useSession()
// const router = useRouter()
// const searchParams = useSearchParams()
// useEffect(() => {
// showSignIn()
// }, [showSignIn])
// useEffect(() => {
// if (session) {
// const redirectUrl = searchParams.get('redirectUrl')
// if (redirectUrl) {
// router.push(redirectUrl as Route)
// } else {
// router.push('/')
// }
// }
// }, [session, router, searchParams])
// return (
// <Dialog open={currentModal !== ''} onOpenChange={hideModal}>
// <DialogContent
// onOpenAutoFocus={(e) => {
// e.preventDefault()
// }}
// onInteractOutside={(e) => {
// e.preventDefault()
// }}
// onEscapeKeyDown={(e) => {
// e.preventDefault()
// }}
// hideCloseButton={true}
// className="!h-[620px] !w-[380px] rounded-[10px]"
// >
// <DialogHeader className="hidden">
// <DialogTitle />
// </DialogHeader>
// <AuthModal />
// </DialogContent>
// </Dialog>
// )
// }
export default function Page() {
return <LogInPage />
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant