FE/개발 도구 3

[AWS Amplify] Next.js 프로젝트 배포하기

• 왜 AWS Amplify로 배포했나요? 전 원래 개인 프로젝트 배포할 때 간편하고 쉬운 Vercel을 사용했습니다. 그런데 배포 과정이 너무 간단하다는 것은 배포나 인프라 관련 지식을 배울 수 있는 부분이 적다는 것을 의미합니다. 한 번쯤 AWS를 사용해보고 싶었는데 다른 방식(EC2, ECS 등) 학습해야 하는 부분이 많다고 해서 AWS를 통한 배포를 가장 부담 없이 경험해 볼 수 있는 AWS Amplify를 선택했습니다. • 대상 독자 (AWS 가입 과정은 포함하지 않습니다.) 간단한 Next.js 프로젝트를 AWS Amplify로 배포하고자 하는 개발자. 이 과정은 "간단한 프로젝트"를 배포하는 과정입니다. (배포하는 프로젝트는 App Router 기반의 프로젝트입니다.) • 배포..

FE/개발 도구 2025.04.18

[Vercel] Next.js 프로젝트 배포하기

• Vercel를 배포 플랫폼으로 선택한 이유 가장 쉽고, 무엇보다 무료입니다. (기본적인 배포만 하는 경우) 그리고 Vercel은 Next.js의 개발사이기 때문에 최적화가 잘 되어있습니다. Next.js 프로젝트를 배포할 때 Vercel은 가장 편하고 적절한 선택지가 되어줄 수 있습니다. • 대상 독자 간단한 Next.js 프로젝트를 Vercel로 배포하고자 하는 개발자. 이 과정은 "간단한 프로젝트"를 배포하는 과정입니다. (배포하는 프로젝트는 App Router 기반의 프로젝트입니다.) • 배포 과정 1. 메인 홈페이지에서 Start Deploying 버튼을 눌러줍니다. 2. 배포할 Git Repository가 있는 Git provider 플랫폼을 선택합니다. 저는 Gith..

FE/개발 도구 2025.04.17

[Yarn berry] Zero-Install로부터 나를 구원해 줄 {solution: undefined}

[이 포스팅은 Next.js App Router 15 버전 기준으로 테스트를 진행한 후 작성된 글입니다. Next.js App Router의 이전 버전이나 Pages Router 디렉토리 또는 리액트만을 사용한 경우 결과가 다를 수 있습니다.] 이 글은 저의 탐구 과정을 세세하게 기록한 글이고 매우 장황하며 분량이 정말 깁니다. ⚠️ 확실한 정보와 간결한 결론을 얻고자 오셨다면 그 목적에 부합하는 글이 아닐 가능성이 높습니다. ⚠️ Zero-Install이란? 패키지 매니저로 Yarn berry를 사용한다면 활용할 수 있는 독자적인 기능입니다. Yarn berry의 기본적인 pnp(plug'N'play) 기능의 핵심은 의존성을 node_modules로 관리하지 않는다는 것입니다.  Zero-Install..

FE/개발 도구 2025.03.19