📖 들어가며 최근 Next.14 버전 app router로 마이그레이션을 진행하면서 카카오톡 공유하기 기능을 구현하는 데 있어서 변경된 부분과 여러 오류를 맞이하여 새롭게 포스팅합니다. 이전 포스팅에서 1번 ~ 1-3번까지는 방법이 동일합니다. 이전 포스팅을 참고해서 플랫폼 등록까지 하고 읽어주시면 감사하겠습니다. app router에서는 _document.tsx와 _app.tsx가 사라지고 이전에 해당 파일에서 작성되었던 코드는 layout.tsx에서 작성해주어야 합니다. 스크립트 컴포넌트 작성 카카오 디벨로퍼에서 플랫폼 등록을 완료했다면 이제 프로젝트로 돌아와서 적용을 해봅시다. 먼저 KakaoScript.tsx 파일을 생성하고 아래 코드를 생성합니다. 파일 위치는 프로젝트 구조에 맞게 생성하시면 됩..

📖들어가며 약 2년 전 Next.js(SSG) + TypeScript로 제작한 롤 MBTI 프로젝트를 14 버전으로 마이그레이션 한 과정 및 후기를 작성해보려 한다. 해당 글은 마이그레이션을 어떻게 하는 가에 대한 글이 아닙니다. 제목 그대로 마이그레이션을 하는 과정을 기록하는 글입니다. 마이그레이션을 왜 해야 했는가? 사실 서비스 자체로는 문제없이 잘 돌아가고 있었다. 대신에 Next.js로 직접 A - Z까지 해본 프로젝트는 롤 MBTI 프로젝트밖에 없었다. Next.js가 11버전에 비해 14 버전까지(특히 13 버전에서) 많은 부분이 변경이 되고, 어떻게 활용할 수 있는지 직접 부딪히며 깨달으며 학습하는 방식으로 지식을 흡수하는 나의 성향인 이유와 최신 버전으로 마이그레이션 하면서 기존 코드와는 ..