Firebase2 05 Post 저장은 파이어베이스로 5.1 Modal Post 작성하는 Modal을 만들어 보자. 모달의 상태를 저장하는 상태가 필요하다. 호출곳과 모달에서 상태의 값을 공유해야 되기 때문에 recoil 라이브러리를 사용한다. npm i recoil _app import { RecoilRoot } from "recoil"; function MyApp({ Component, pageProps: { session, ...pageProps } }) { return ( ) } atoms 디렉토리 생성 후 modalAtom.js 생성한다 import { atom } from "recoil"; export const modalState = atom({ key: 'modalState', default: false, }); Header.js 에서 mod.. 2022. 12. 22. 04 소셜로그인 인증하기 4-1 NextAuth 설치 인증 구현 라이브러리는 NextAuth 입니다. NextJS에서 아주 쉽게 로그인을 구현할 수 있게 도와주는 라이브러리입니다. npm install next-auth 설치가 완료 되었으면 package.json을 살펴보겠습니다. package.json { "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start" }, "dependencies": { "@heroicons/react": "^1.0.6", "@tailwindcss/forms": "^0.5.3", "faker": "^6.6.6", "next": "latest", "next-auth": "^4.17.0", ".. 2022. 12. 22. 이전 1 다음
