search

Cling-Glee / glee-front

0 stars 1 forks source link

[feat] 로그인 페이지 레이아웃 구성 완료 #5

Closed oooppq closed 1 year ago

oooppq commented 1 year ago

PR 요약

로그인 페이지 레이아웃 구성을 완료했다. 로그인 페이지에서는 각 컴포넌트에 click event handler를 전달해야 하기 때문에, client component로 선언했다(server component에서는 handler 함수 전달 불가). app/login/page.tsx에서 각 로그인 버튼에 맞는 handler 함수를 구현한 후 LoginButton Component로 전달한다. 해당하는 sns의 인증페이지로 이동 후 인증이 완료되면, /login 으로 redirect 하도록 설정하고, login 페이지에서는 query parameter로 전달받은 인증 코드를 sever에 전달할 수 있도록 useEffect로 구성했다. 추후에 react-query를 구성한 후 해당 기능을 구현하면 될 것이다. 구현 과정에서 components 폴더를 추가했다. 디렉토리 구조는 차차 잡아가면 될 것 같다.

변경된 점

로그인 페이지 레이아웃 구성, 로그인 버튼 컴포넌트 생성

이슈 번호

X

yeon0914 commented 1 year ago

하나의 커밋으로 합칠수 있는 건 올리기전에 한번 정리해서 올려주시면 더 깔끔할것 같습니다!👍 수고하셨습니당