반응형 개발387 next-runtime-env 라이브러리 해부 https://www.wnsdufdl.com/post/eCulLQxzTrSoL7asxyqUNA 류준열의 기술 블로그 | next-runtime-env 원리 파헤치기Next.js 에서 런타임에 주입되는 환경변수를 사용하려면 next-runtime-env 라이브러리를 사용해야 한다. next-runtime-env의 레포지토리를 까보았다.www.wnsdufdl.com 2024. 12. 26. GitHub Actions + Docker + react 도커파일은 build후 결과물을 nginx에 넣어버린다.FROM node:20 as builderWORKDIR /usr/src/appCOPY package.json ./RUN npm install -g pnpmRUN pnpm installCOPY ./ ./# CMD ["pnpm", "run", "build"]RUN pnpm run buildFROM nginxCOPY --from=builder /usr/src/app/dist /usr/share/nginx/html .github/workflows/preview.yaml main외의 브랜치가 원격저장소에 Push되면 작동한다.name: CI/CD with Dockeron: push: branches-ignore: - mainjobs: bui.. 2024. 11. 30. 운영환경을 위해 Nginx 말아주기 운영환경에서의 Nginx개발환경에서는 개발서버가 정적파일을 hot reload시키며 개발자에게 보여준다. 운영환경에서는 개발서버가 없어서 build된 파일을 제공해줄 무언가 필요하다.운영환경에서는 개발환경과 다르게 hot reload등의 개발에 특화된 기능이 필요 없기 때문에 개발 관련 기능이 없는 Nginx가 적합하다. 개발환경과 운영환경에서의 Dockerfile 차이개발환경에서는 다음과 같이 dockerfile.dev를 만들어준다.FROM node:20WORKDIR /usr/src/appCOPY package.json ./RUN npm install -g pnpmRUN pnpm installCOPY ./ ./CMD ["pnpm", "run", "dev"] 운영환경에서는 builder와 nginx를 실.. 2024. 11. 30. Mac에서 도커를 이용하여 리눅스 기능을 사용 할 수 있는 이유 우분투는 리눅스의 OS중 하나다.맥북에서 터미널을 열고 다음 명령어를 치면 Ubuntu 리눅스 컨테이거나 실행된다.docker run -it ubuntu 이게 가능한 이유는 Docker Desktop이 내부적으로 가상화 기술을 사용하여 리눅스 환경을 제공하기 때문이다. 우리는 윈도우즈를 사용하건 맥을 사용하건 가상머신 안에서 리눅스의 기능들을 사용할 수 있다. docker run -it ubuntu ls 2024. 11. 22. 이전 1 2 3 4 ··· 97 다음 반응형