들어가기에 앞서이 포스트는 Amplify에 배포하는 법을 소개하지 않습니다.nextjs 프로젝트를 Amplify에 배포할 때 겪은 환경변수 설정에 대해서 설명합니다. Amplify에서 환경 변수 설정 흐름Amplify에서 아래 이미지의 Next.js 환경변수는 빌드 프로세스 중에 주입되지 않고, 빌드가 완료된 후에 클라이언트 사이드에만 사용할 수 있게 주입됩니다.주의할점클라이언트 사이드에서 사용할 필요가 있는 환경변수들은 반드시 NEXT_PUBLIC_ 접두사를 붙여야 합니다 이유는 빌드 단계에서 애플리케이션이 사용하는 환경 변수에 저장된 모든 비밀을 보호하기 위한 의도적인 것입니다.Amplify Hosting supports adding environment variables to your applica..

들어가기에 앞서이 포스트는 패러럴 라우트와 언터셉팅 라우트의 자세한 개념 설명 보다는 두 라우트를 결합할 때 필요한 약간의 개념을설명하며, 두 라우트를 결합할 때 겪었던 이슈에 대해서 설명합니다.위 라우트의 자세한 설명은 공식 사이트를 참고하시기 바랍니다. Parallel Routes기본 개념패러럴 라우트란 병렬 라우트로서 동일한 레이아웃에서 page.tsx와 더불어 다른 페이지를 동시에 렌더링 하거나 분기를 통해 렌더링 할 수 있도록 도와줍니다. Slots패러럴 라우트는 slots이라는 이름으로 생성됩니다. Slots은 네이밍 규칙이며 @folder 처럼 정의됩니다.아래 예시에서 Slots은 @analytics 와 @team 입니다.Slots는 부모의 레이아웃에 props로 전달되고, 위 예시에서는 a..

아래 내용은 iOS에 대해서만 다루고 있습니다.( android 적용은 타 블로그를 따라하면 쉽게 할 수 있기에..😂 ) ⏰모두의 시간은 소중하니까요react-native-splash-screen를 이용하여 iOS에 스플래쉬 이미지를 적용하였지만계속 "LaunchScreen.storyboard" 만 노출 되는 현상이 발생하여 해결 방법을 공유합니다. 📖 환경Xcode 11.5react-native-splash-screen ^3.2.0react-native 0.63.2 💾 설치1. npm 을 통해 react-native-splash-screen 을 설치,pod 에 라이브러리를 설치하여 주도록 합니다.npm i react-native-splash-screencd ios && pod install 🔎 ..