하루 기록

이전 글:  https://reeny404.tistory.com/120  [next/react] google 로그인 구현하기 (2) : 액세스 토큰 받기액세스 토큰을 받기 위해 oauth client id를 이전에 발급받았다. (link) [next/react] google 로그인 구현하기 (1) : oauth client id 발급 받기구글 로그인을 구현하기 위해 설정부터 해보자 1. 사용자 인증 정보reeny404.tistory.com  이전에 액세스 토큰까지 무사히 잘 받아왔다면, 이제 받은 토큰을 이용해서 google 로그인 정보를 가져오자! 로그인 정보?: 내가 개발하는 사이트에 저장할 email이나 nickname 정보를 말한다.구현중인 서비스의 소셜 회원가입/로그인 정책 상 필요한 데이터들 ..

Next Client Component = React const { name } = useParams(); Next Server componenttype PageProps = {  params: { slug: string }  searchParams: { [key: string]: string | string[] | undefined }};export default function Page({  params,  searchParams } : PageProps ) {  return My Page}  Next app router 1. GETimport { type NextRequest } from 'next/server'   export function GET(request: NextRequest) {   ..

에러메세지./src/hooks/useAllLIkes.ts There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Use equal casing. Compare these module identifiers: 언젠가부터 빌드를 하면, 위와 같은 경고 메세지가 떴다.dev를 올리고 build error가 나지 않아서 일단 무시했는데, vercel을 이용해 배포하니 아래와 같이 Failed to compile 에러가 나더라. 처음에는 누군가가 next App router를 사용하면 c..

Next Js의 6가지 원칙 (특징, 장점)1. out-of-the-box functionality requiring no setup : 어려운 셋팅 이제 그만2. js everywhere + all functions are wrriten in JavaScript : 자바스크립트 어디서든3. automatic code-splitting and server-rendering4. configurable data-fetching : 데이터 패칭 설정을 제공하겠다5. anticipating requests : 사용자 요청을 예측가능하게 한다6. simplifying deployment : 배포 쉽게 Next Js 기능들HMR : 애플리케이션 실행 중일 때 특정 모듈의 변경사항을 실시간으로 교체지원하는 렌더링 방..