본문 바로가기
728x90

전체 글230

[ECR] Bitbucket Pipeline 을 이용해 AWS ECR에 이미지 push하기 많은 개발자 분들이 git repository로 github 을 사용하겠지만, 우리의 경우 Bitbucket 을 사용했으므로 이를 기준으로 작성하려고 한다. CI/CD 얼마나 중요한가. [사전작업] AWS ECR 세팅하기 Bitbucket Pipeline 을 이용해 AWS ECR에 이미지 push하기 1. Bitbucket 에서 Pipeline 활성화하기 1) Bitbucket repository 접속 > [Repository settings] 클릭 2) PIPELINES [Settings] 클릭 > Enable Pipelines 활성화 3) PIPELINES [Repository variables] 클릭 > 공통으로 사용할 환경변수 값 입력 4) PIPELINES [Deployments] 클릭 > de.. 2021. 5. 1.
[AWS] aws-cli 설치하기 Mac OS 에 AWS CLI 버전2 설치하기 1. 파일 다운로드 (-o 옵션은 다운로드한 패키지가 기록되는 파일 이름을 지정하는데, 이 예제에서 파일은 현재 폴더의 AWSCLIV2.pkg에 기록됨) $ curl "https://awscli.amazonaws.com/AWSCLIV2.pkg" -o "AWSCLIV2.pkg" 2. 다운로드한 .pkg 파일을 소스로 지정하여 표준 macOS installer 프로그램 실행 (-pkg 파라미터를 사용하여 설치할 패키지의 이름을 지정하고 -target / 파라미터를 사용하여 패키지를 설치할 드라이브를 지정) $ sudo installer -pkg AWSCLIV2.pkg -target / 3. 파일은 /usr/local/aws-cli에 설치되고 /usr/local/.. 2021. 4. 30.
[Filebeat] docker-filebeat 세팅하고 띄우기 Logstash 를 이용해 파일 input 을 다룰 수도 있지만 서버의 안정을 위하여 Filebeat 를 띄우기로 했다. ※ Logstash vs Filebeat Logstash 는 자원이 많이 필요한 대신 다룰 수 있는 input, output 종류가 많으며, filter 를 사용하여 로그를 분석하기 쉽게끔 구조화 된 형식으로 변환할 수 있다. Filebeat 는 가벼운 대신 가능한 input, output 종류가 한정적이다. (최신 버전에서는 메시지 대기열을 디스크에 저장할 때 영구 대기열에 대해서도 지원한다고 한다!) (참조: https://logz.io/blog/filebeat-vs-logstash/) ※ Filebeat 의 작동 방식은 어떻게 될까? Filebeat를 시작하면 설정에서 지정한 로.. 2021. 4. 29.
[Vue.js] vuetify, vue-router 세팅하기 Vuetify 세팅하기 vuetify 세팅하는 방법은 아주 간단하다. 아래 명령어만 날려주면 된다. $ vue add vuetify 그럼 관련된 dependency가 설치되고 아래 4개의 파일이 수정 및 생성된다. $ yarn add vuetify $ yarn add --dev sass sass-loader vue-cli-plugin-vuetify vue-template-compiler vuetify-loader ▷ src/plugins/vuetify.js import Vue from 'vue' import Vuetify from 'vuetify/lib' Vue.use(Vuetify) const opts = {} export default new Vuetify(opts) ▷ public/index.htm.. 2021. 4. 28.
[Vue.js] VueJS 프로젝트 시작하기 현재 회사에 프론트 개발자가 부족하다 보니 내부에서 사용하는 어드민 페이지를 내가 구축하게 되었다. 사람들이 왜 뷰뷰 거리는지 알거 같았다. 리액트보다 배우기 쉬웠다. 리액트 배울 때는 물어볼 곳이 구글 선생님밖에 없어서 였을 수도 있지만 React vs Vue ※ 공통점 React 와 Vue 둘 다 컴포넌트 기반, Virtual DOM 방식이라는 점에 공통점이 있고, 가볍고 빠르다는 평을 받는다. 1. 컴포넌트 기반 React 와 Vue 는 웹 UI를 작은 컴포넌트 단위로 구성한다. 컴포넌트는 다른 프로젝트에서도 재사용할 수 있고, 컴포넌트 캡슐화와 확장이 가능해 개발이 유연해지는 장점이 있다. 2. Virtual DOM 브라우저는 HTML 파일을 스크린에 보여주기 위해 DOM 노드 트리 생성, 렌더 .. 2021. 4. 27.
[Docker] docker 설치하기 Mac, Windows 에 docker 설치하기 1. Mac: docs.docker.com/docker-for-mac/install/ Install Docker Desktop on Mac docs.docker.com 2. Windows: docs.docker.com/docker-for-windows/install/ Install Docker Desktop on Windows docs.docker.com Ubuntu 18.04 에 docker 설치하기 (출처: docs.docker.com/engine/install/ubuntu/) 1) 오래된 버전 제거 $ sudo apt-get remove docker docker-engine docker.io containerd runc 2) 리포지토리 설정하기 htt.. 2021. 4. 27.
728x90
반응형