로그인 페이지 레이아웃 구성을 완료했다. 로그인 페이지에서는 각 컴포넌트에
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 폴더를 추가했다. 디렉토리 구조는 차차 잡아가면 될 것 같다.
PR 요약
변경된 점
이슈 번호