Peter's hardware & software

한국에서는 꼭!? 카카오 로그인되야 하나? 몰라 ㅋㅋㅋ 일단 해보자. 제목에 #1 달아놨는데 뭔지 알겠지? ㅋㅋ 한번에 안끝날거 같네? ㅋ 뭐 카카오 문제는 아닌거 같은데 뭔가 삐그덕 거려. 시작해보자구. 카카오 로그인 사용하려면 우선 https://developers.kakao.com/ 에 로그인 해야해. 👇👇👇 뭐해! 애플리케이션 추가 안 누르고 ㅎㅎㅎ 앱 아이콘 대강 선택하고, 앱 이름도 넣고 사업자 명도 넣고~ 없다고? 아무거나 넣어 ㅋㅋㅋ 그리고 저장! 그러면 앱 키들이 주르륵 보이고, 그중에 REST API KEY 키는 Client id로 nextauth에서 사용할거니까 그렇게 알아두시고~~ 조 아래 플랫폼 설정하기를 눌러서 웹 프로젝트라고 알려주자구. 가장 하단에 웹 플랫폼 등록하기 눌르고 ..

nextjs에 next-auth를 넣고 firebase authentication이랑 연동하는 걸 해봤는데 되긴 하더라구. 그래서 블로그를 남기는데 이것 저것 테스트하던 프로젝트 위에 하니까 지저분하고 그래서 새로 nextjs 프로젝트 만드는 것부터 nextauth 설정, GCP, firebase 설정까지 차근차근 가보는 글이야. github에도 깔끔하게 남겨두고 하려고 👇👇👇👇👇👇 Github: https://github.com/peter-bang/nextauth-fb-authentication GitHub - peter-bang/nextauth-fb-authentication: Next.JS example project for nextauth and firebase authentication Next..

Nextjs에 로그인 적용하는 방법은 두가지라고 되어 있어. 첫 번째는 클라이언트에서 유저 데이터 Fetch하고 Loading state 사용하는 거고 (대부분 이런 방식을 사용하겠지) 그리고 두 번째는 서버에서 유저 데이터 Fetch하고 클라이언트에 아예 인증된 페이지만 주는 거지. 당연하겠지만 첫 번째 방식은 빠르지만 인증되지 않는 페이지들도 노출되고 두 번째 방식은 인증되지 않은 페이지는 클라이언트는 아예 보지도 못하므로 보안성은 훌륭할거야. 대신 서버는 병목이 엄청날거야. 매 request마다 페이지 pre-rendering해서 클라이언트에 뿌려줘야 하니깐. 그래서 ㅎㅎ 보통 첫 번째 방식을 사용하겠지 ㅋㅋㅋ 우린 또 느린 건 못참잖아? ㅋ 뭐 이런건 중요하지 않지 ㅋㅋ 그래서 Next.JS에서 ..