개요 webpack을 통해 번들링 하는 과정에서 css내의 url()로 이미지를 불러오는 부분이 작동을 안함

webpack에서 favicon등록

jq로 json수정하기 jq라는 것을 이용해 cli에서 json파일을 읽고, 수정도 가능

action 활용 이전에는 직접 로컬에서 빌드하고 깃헙 페이지로 넘겨야 되는 번거로움있는데, 이를 action이 자동으로 하도록 해보자.

action에서 ssh연결 action 기본 참고 이전에는 ncloud에 연결을 진행 ssh로 자신이 가지고있는 서버에 직접 연결하여 파일 옮기는 법 확인

action에서 ncloud로 배포 object storage필요 action build까지 완료후 해당 object storage로 파일 옮기는 것

github의 action ` 2023-12-14 문서 수정 ` github에서 제공하는 CI/CD라고 한다. continuous integration(지속적인 통합)/continuous delivery (지속적인 제공,배포) private에서 무료! CI/CD란? 애플리케이션 개발 단계를 자동화하여 애플리케이션을 보다 짧은 주기로 고객에게 제공하는 방법 쉽게 말해 특정 행동을 위해 자동으로 동작하도록 스크립트를 만드는것 더 찾아보기 github action공식 문서와 git에 잘 정리되어있다. 일부 사용법에 대해서는 찾기 편한듯 공식문서 github action의 yml관련하여 따로 저장된 market이 존재한다. 예전 블로그에서 소개를 하고 사용하게 된다면, 제작자 페이지로 이동해서 최신 버전을 확인해서 사용하도록 하자. 최신버전에서 추가 기능이 있거나 버그픽스된 버전이 존재할 수 있기 때문 우측 상단의 초록 버튼 누르면 바로 확인 가능

ncloud의 sudo 오류 sudo: unable to resolve host sjb 에러는 아니지만 나오는 경고창 /etc/hosts의 127.0.0.1에 localhost라 적힌것을 /etc/hostname의 사용자 이름으로 바꿔준다. 둘의 이름이 달라서 생긴 오류라고 한다.

react 빌드 후 nginx로 올리기 react를 실행하여 nginx가 연결해주는게 아닌, react를 정적으로 빌드하여 nginx가 이 정적파일을 작동하는 방식

설치 리눅스(우분투)기준