next.js15 2

[Next.js+TypeScript]모아 모아(MoaMoa) 회고 #1 - 권한 검증부터 조건부 fetch

목차 (눌러서 이동 가능)📪 모아 모아(MoaMoa) - SNS 서비스🧠 권한 설정 - 작성자가 아닌 소유자를 기준으로!🧠 비즈니스 컴포넌트로 RSC로, SSR 극대화하기 - 상세 데이터는 조건부 fetch!🧠 캐싱에 관한 고민 . . .🚩 소감 한마디 📪 모아 모아(MoaMoa) - SNS 서비스지난 몇 달간 진행한 프로젝트 모아모아(Moa Moa)는 Spotify API를 기반으로 음악이 첨부된 편지를 주고받을 수 있는 온라인 네트워킹 서비스로, 사용자는 편지를 작성하고 다양한 옵션으로 편지지와 편지 오브제를 커스터마이징 할 수 있다.이번 포스팅은 프로젝트를 진행하며 겪었던 많은 고민 중, 편지 권한과 데이터 조건부 fetch에 관한 내용을 적어보려 한다 🙃(해당 이슈 PR 링크 : h..

[NextJS15+TypeScript] 링크 복사, SNS 공유하기 기능 구현하기(카카오, 페이스북, X, 라인)

목차 (눌러서 이동 가능)⚙️ 링크 복사 기능 (Clipboard API / execCommand)⚙️ SNS 공유하기 기능    📌 페이스북 공유    📌 X(트위터) 공유    📌 라인 공유    📌 카카오톡 공유    📎 사전 설정    📎 SDK 초기화(스크립트 로드)    📎 layout.tsx 스크립트 적용    📎 공유 API 종류 및 템플릿 설정    📎 최종 구현 및 결과✅ 마무리이번 포스팅에서는 NextJs 15 앱라우터와 타입 스크립트를 활용한링크 클립보드 복사 기능과 SNS 공유하기 기능을 구현해보도록 하겠습니다! 글이 상당히 길어, 원하는 부분이 따로 있으신 경우 네비게이션을 통해 이동하는 걸 권장드립니다 :) 📌 현재 링크 복사하기 (클립보드 복사)HTTPS ..

넥스트 (Next.js) 2025.05.12