Next.js publicRuntimeConfig 사용 배경내가 진행한 프로젝트는 Docker를 사용해 배포하는 Next.js 기반의 어플리케이션이다. 도커 이미지를 빌드하는 시점에 알 수 없는 몇 가지 환경 변수들을 런타임에 주입해야하는 요구사항이 있었다.온프레미스 환경에 설치되어야하는 프로젝트 특성 상,개발하는 시점에는 알 수 없고 설치하는 시점에 결정하게되는 서비스의 설정들과 API 엔드포인트에 사용되는 IP 주소와 같은 변수들을 도커 컴포즈의 환경변수로 작성하여 관리되고 있다.도커 컴포즈의 환경 변수 중 프론트엔드 도커 이미지에 필요한 변수들을 컨테이너 실행 시점에 주입하여 주는 방식으로 서비스를 설계했다.즉, 한번의 이미지 빌드로 여러 환경에서 실행할 컨테이너를 생성하는 방식이다. 기존에 Nex..
전체 글
웹 프론트엔드 개발블로그입니다. 대화하고싶으시다면 댓글 혹은 ghdqlsdl9633@gmail.com 이메일주시면 감사히 답변하겠습니다. [GitHub - https://github.com/Hong-been]첫 회사에서 2년 1개월 가량 프론트엔드 개발자로 근무한 이홍빈입니다.남는 시간에 이슈 하나라도 더 처리하기보다 팀과 개인에 도움이 될 수 있도록 퇴사 부검을 작성하고, 공유했습니다.레퍼런스: https://medium.com/a-day-of-a-programmer/우아한형제들-퇴사-부검-010ce38609a5일하면서 어떤 고민을 했고 이 고민이 해결되기 어려울 것이라는 판단을 내리기까지의 과정을 공유하면 고민의 깊이를 나눌 수 있는 기회가 될 수 있을 것이라 생각합니다.1. 왜 떠나는 지>💡 다른 직원들이 이해할 수 있는 이유가 있어야 합니다.개발자로 회사의 비지니스 가치를 만들 수 있고, 사용자의 피드백을 받아 빠르게 프로덕트를 디벨롭하며 팀원과 한 호흡으로 개발하는 모습을 기대했습니다. 그리고 코..
1. 나라는 사람은?나는 스스로 문제를 해결하고 결정해야 한다는 생각을 가지고 자랐다. 그 덕분에 자립심과 독립심이 강해졌고, 어려운 상황에서도 흔들리지 않는 힘을 기르게 되었다. 하지만 대학교와 사회에 나와서는 혼자만의 힘으로는 한계가 있다는 것을 느끼게 되었다. 팀원들과 동료들에게 의지하는 법을 배우면서, 함께 문제를 해결하는 것이 얼마나 중요한지 깨닫기도 했다.그 과정에서 때로는 좌절하고 방황하기도 했지만, 매번 새롭게 도전하면서 내 길을 만들어올 수 있었다. 이제는 개발자로서, 스스로의 힘과 더불어 협업을 통해 더 큰 성과를 낼 수 있다는 점을 중요하게 생각하게 되었고, 더 나은 세상을 만들고자 하는 마음으로 기술과 협업을 통해 성장해나가고 있다. 이야기를 정리하며 어떤 여정을 걸어왔는지, 그리고..
참고 오픈소스: https://github.com/hello-pangea/dnd@hello-pangea/dnd 라이브러리라고 파일 드래그앤 드롭을 지원하는 오픈소스 라이브러리를 참고하였습니다.(영어 템플릿인데 한글로 번역하였습니다.)---name: Bug reportabout: 버그, 문서 누락, 예상치 못한 동작에 사용합니다.title: ""labels: bugassignees: ""---## 일반적인 문제 설정 가이드일반적인 설정 문제를 해결하는 데 도움이 되는 가이드를 만들었습니다.[일반적인 설정 문제 가이드](https://github.com/hello-pangea/dnd/blob/main/docs/guides/common-setup-issues.md)## 콘솔 확인개발 빌드에서 일반적인 설정 문..
이런 방식으로 마크 다운 주석으로 작성하면, 작성중인 개발자에게는 메세지를 안내할 수 있고 작성 후에는 주석처리되어 보이지 않습니다. 인용구 방식을 사용하면 작성 중일때에도 보일 수 있고, 작성 후에도 흐리게 처리되어 부가 정보를 나타낼 수 있습니다.> 메세지다만, 인용구는 작성 후에도 보일 필요없는 정보까지 보이게 되어 불필요하게 PR이 길어질 수 있어 핵심 내용이 바로 보이지 않을 수 있으니 적절히 사용해야합니다.작성중인 개발자에게만 보일 필요가 있는 정보는 주석을 이용하도록 합니다.