본문 바로가기
반응형

전체글623

Netlify 로 정적 웹 사이트 배포하기 정적 웹 사이트 (js/html/css만 존재하는 형태)로 서비스 제공이 필요할 때 가장 편하게 구축할 수 있는 방법으로 Netlify가 있습니다. 빌드/배포/호스팅까지 정적 웹 사이트를 제공하기 위한 모든 기능을 쉽고 편하게 제공하다보니 많은 분들이 사용하고 계시는데요. GithubAction이나 TravisCI와 같이 별도의 CI 서비스를 구축할 필요도 없다보니 한번쯤 익혀놓으시면 정말 요긴하게 쓰일데가 많습니다. 가격 역시 개인이 무료로 쓰기에 불편함이 없습니다.자 그래서 이번 시간에는 Netlify로 간단한 정적 사이트를 배포하는 방법을 진행해보겠습니다. 1. 가입하기 아직 가입을 안하신 분들이라면 아래 과정을 따라 가입부터 시작해보겠습니다. Netlify 사이트를 방문해보시면 아래와 같이 우측 .. 2021. 1. 4.
Jest를 IntelliJ (or Webstorm) Debug 모드로 실행하기 VS Code에 비해 Javascript 개발 환경에서 IntelliJ (+ WebStorm)이 갖는 가장 큰 장점은 디버깅 기능입니다. 코드의 호출 스택을 쫓아간다거나, 곳곳의 코드에서 브레이크를 걸고 Expression으로 임시코드를 실행해보는 등 다양한 디버깅 기능을 IntelliJ에서는 사용해볼 수 있는데요. Javascript의 테스트 프레임워크인 Jest를 사용할때도 IntelliJ의 디버깅 기능을 활용할 수 있습니다. 이번 시간에는 IntelliJ에서 Jest를 디버깅 모드로 사용하는 방법을 알아보겠습니다. 실습을 위해서는 본인의 프로젝트에 Jest 패키지와 테스트 코드가 필수입니다. 현재 포스트에 사용된 코드는 Github에서 확인할 수 있습니다. 1. Debug 실행 환경 구성 Intel.. 2021. 1. 1.
EC2 (Amazon Linux 2) 에 Jenkins 설치하기 기존에 작성된 EC2 (Amazon Linux 1) 에 Jenkins 설치하기 이 있지만, 현재 AWS에서 Amazon Linux2가 메인 이미지가 되었기에 해당 버전으로 설치하는 법을 진행하겠습니다. 아시다시피 Amazon Linux 2는 CentOS 7.x 호환입니다. 1. 버전 확인 먼저 현재 자신의 서버가 Amazon Linux2가 맞는지 확인합니다. 기억이 안나신다면 서버에서 아래 명령어로 버전을 확인합니다. cat /etc/*release 2. Jenkins 설치 Jenkins 설치는 크게 달라진 점은 없습니다. 다만, Jenkins 설치에 필요한 Java가 기본 설치되어 있지 않습니다. Amazon Linux 1에서는 Java7이 기본 설치되어 있었습니다. 그래서 기존처럼 Java7을 삭제할.. 2020. 12. 31.
1. Github Action & AWS Beanstalk 배포하기 - Github Action으로 빌드하기 기존에 사이드 프로젝트를 만들면 다음과 같은 환경에서 진행을 해왔습니다. TravisCI & AWS Code Deploy TravisCI & AWS Beanstalk 상황에 따라 골라 쓰긴 했지만, 큰 불편함이 없었는데요. 최근 대세가 TravisCI에서 Github Action으로 넘어갔음이 느껴져 Github Action과 Beanstalk 조합에 대한 글을 쓰게 되었습니다. Github Action & AWS Code Deploy 조합은 wbluke님의 시리즈를 참고해주시면 됩니다. AWS Beanstalk의 경우 최근 버전업을 하면서 몇몇 변경된 설정들이 있어서 해당 부분 역시 다시 정리할 수 있었습니다. 혹시나 제 저서를 보고 AWS Code Deploy를 사용해오셨다면, 좀 더 편하게 서버를 .. 2020. 12. 25.
Mac OS X에서 Multi Tab(\t\t) 정리하기 가끔 외부에서 전달 받은 tsv 파일에 중복으로 탭 (\t)이 포함될 때가 있습니다. 이럴 경우 해당 tsv파일을 정상적으로 파싱할 수가 없어 (\t이 기준을 초과해서) 제대로 활용할 수가 없는데요. (DB에 import시 발생하는 에러메세지) 그래서 이럴 경우 일괄적으로 \t\t를 \t로 변경하도록 sed 명령어를 사용해보겠습니다. 1. sed 테스트 tsv 파일의 용량이 1GB이상일 경우도 많아서, 명령어를 먼저 테스트하고 실제 파일에 적용해보겠습니다. 아래 명령어 입력시 잘 노출되는 것을 먼저 확인합니다. echo -e "2020-01-01 19:54:06.799000\tPLUS\t블로그\t\t27000\t1000\t26000" 자 그럼 해당 출력문에서 \t\t 영역 (블로그\t\t27000) 을 .. 2020. 12. 24.
AWS Beanstalk Linux2 에서 Nginx 설정이 안될때 기존에 AWS Beanstalk을 사용할 경우 아래와 같이 nginx.config 파일을 교체하라고 가이드를 받는데요. (AWS 공식 문서)그래서 실제로 프로젝트 구조를 다음과 같이 잡고 배포를 진행합니다.배포할때 사용하는 스크립트 (travis.yml 혹은 githubAction.yml) 역시 이 구조를 그대로 가져가기 위해 다음과 같이 설정합니다. - name: Generate deployment package run: | mkdir -p deploy cp build/libs/*.jar deploy/application.jar cp Procfile deploy/Procfile cp -r .ebextensions deploy/.ebextensions cd deploy && zip -r deploy.zi.. 2020. 12. 22.

728x90
반응형