2024/10 4

[nginx] React+TypeScript 배포 방법

전제사항nginx는 설치되어 있고 http의 root 항목의 빌드 디렉토리 설정을 제외한 기본적인 conf 설정이 되어있다는 전제로 글을 씁니다.curl 또한 설치된것으로 가정합니다. 만약 설치가 되지 않았다면 설치해주시길 바랍니다.해당 배포 파일은 Nodejs 14 이상을 요구하는 배포파일로 20버전을 설치할 예정입니다.Nodejs, npm 설치curl -sL https://deb.nodesource.com/setup_20.x | sudo -E bash -#nodejs 20버전 설치 사전 준비apt-get update#보통은 완료되고 apt-get update가 자동으로 되나 혹시모르니 한번더sudo apt-get install -y nodejsnode -v#출력값이 "v20.18.0" 나온다면 정상s..

운영 2024.10.24

[nginx] 'application/octet-stream' 오류

발단 및 전개React 로 이루어진 index.html 파일을 nginx.conf 설정파일을 통해 연결시켜 주었으나 페이지가 정상적으로 출력되지 않는 문제 발생 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec.개발자 모드를 통해 출력창의 경고를 확인했을 떄 위와 같은 경고가 뜸https://github.com/storybookjs/storybook/issues/20157검색 후에 위..

트러블슈팅 2024.10.23

[Gitea]Gitea에 Github 마이그레이션

서론이번 프로젝트에서 CI/CD를 위해 Gitea를 이용하게 되면서 기존에 개발자들이 따로 개발하고 있었던 소스코드를 한곳에 모아야하는 작업이 필요하게 되었으므로 마이그레이션 작업을 진행하게 되었다.작업 자체는 간략하지만 개발자와의 협업이 필요한 작업이다.Gitea란?Git을 기반으로 하여 관리하기 편하게 웹 서비스 형태로 제공하는 협력 플랫폼 서비스로 경량화된 상태로 자체 git서비스를 제공한다여러가지 소스코드와 개발에 관련된 솔루션을 제공하고 있으며 Github와 공통된 부분이 많아 사설버전이라도 봐도 무방할 정도이다.마이그레이션 작업Gitea로그인 후 오른쪽 위에있는 '+'버튼을 클릭하면 새 마이그레이션 이라는 항목이 나오는데 해당 항목을 선택한다. Gitea는 타 Git계열 플랫폼을 포함하여 여러..

운영 2024.10.08