프론트엔드 ENV Key 관리 방법

기본적으로 민감한 값은 클라이언트에 노출시키지 않아야 합니다. 그래서 환경변수에는 말 그대로 환경에 따라 달라지는 단순한 값들을 넣는게 맞습니다. 노출되면 안되는 값들은 서버쪽 환경변수나 db에서 관리하시는게 원래는 맞습니다. Next.js 사용하신다면 퍼블릭 프리픽스를 생략하여 next.js 서버만 해당 값을 참조하도록 만드시고, 클라이언트에서 참조가 꼭 필요하다 하면 서버측 액션이나 라우트 핸들러를 만들어서 호출해서 간접 사용하시는 것을 추천드립니다. 보안이 정말 중요한 키값들은 vault와 같은 외부 솔루션을 사용해서 안전하게 관리하는 것도 방법입니다. 다만 비용이 들고 러닝 커브도 다소 있습니다.

오? 클라이언트에서 next 서버의 환경에 접근할 수 있나요? 설령 접근한다 하더라도 동적 변경이 불가능한 대상이라 next 서버를 재실행하지 않으면 변경한 값을 적용하지 못할텐데요. 이것도 된다고 전제하면 사용자에 의해서 셧다운이 일어나는 서버라는 이야기이고요. 본문의 상황이 신기하네요.

애초에 클라이언트에서 사용 가능한 키에 민감 정보를 포함시켜선 안됩니다. 암호화를 시키든 뭘하든 일단 클라언트로 내려가면 막을 방법이 없습니다. 어떤 정보를 클라이언트에서 사용하시려는 건가요?