요약 css 내부의 font asset을 받아오는 path를 절대경로가 아닌 상대경로로 바꾸면 된다. 문제 css에 url로 정의해 둔 font asset이 개발모드(dev)에서는 잘 적용되다가 실서버(production)에서 반영되지 않는 이슈 실제 구현 /* style.css */ @font-face { font-family: spoqaSansNeo; font-weight: 700; src:url('/font/SpoqaHanSansNeo-Bold.ttf'); src: url('/font/SpoqaHanSansNeo-Bold.otf') format("opentype"), url('/font/SpoqaHanSansNeo-Bold.ttf') format("truetype"); } /* next.config..

React 환경변수 등록 기존 개발 시 개발 환경에서 React를 프론트로 사용할 때, 코드 사아에서 환경변수를 이용하려면 어떻게 해야할까? 최상위 폴더에 .env 파일을 만든다. .env 파일에 REACT_APP으로 시작하는 환경변수를 정의한다. REACT_APP_ADMIN_KEY=hi 코드 상에서 process.env.REACT_APP_ADMIN_KEY와 같은 형태로 사용한다. 이렇게 간편하게 이용할 수 있다! 배포 시 하지만 서비스를 위한 build 후에는 환경변수를 읽어들일 수 없기 때문에 build와 동시에 build에 대한 매개변수(argument)로 환경변수를 세팅해주어야한다. NERA는 github action에서 docker/build-push-action@v1.1.0 이라는 action..