전체 글 30

Vuex.Store

Vuex.Store 생성자 옵션 state const store = new Vuex.Store({ state: { count: 0 }, }); Vuex 저장소의 루트 상태 객체 프로젝트 전체에서 공통으로 사용할 변수를 정의하는 곳 모듈 재사용을 위해 State 객체를 재사용하고자 할 때 유용 mutations export const store = new Vuex.Store({ state: { news: [], }, mutations: { increment (state) { state.count++ } }, }); Vuex는 state에 정의된 변수를 직접 변경하는 것을 허용하지 않습니다. 반드시 mutations을 이용해서 변경을 해야 합니다. mutations는 비동기 처리가 아닌 동기 처리를 통해 s..

Vue.js 2021.07.23

Vue.js는 무엇인가?

Vue.js는 무엇인가 Vue.js는 사용자 인터페이스 개발을 위한 Progressive Framework입니다. 프로그래시브란 것은 웹과 네이티브 앱의 이점을 모두 수용하고 표준 패턴을 사용해 개발한 것을 뜻합니다. Vue.js의 목표 Vue.js가 목표로 하는 것은 웹의 장점과 앱의 장점을 모두 수용할 수 있는 진화된 웹앱 애플리케이션을 만들 수 있는 프레임워크를 제공하는 데 있습니다. Vue.js란? Vue.js는 SPA(Single Page Application) 개발을 위한 프론트엔드 프레임워크입니다. SPA는 단일 페이지 애플리케이션을 말합니다. Vue.js 장점 직관적이고 배우기 쉽다. 재사용을 통한 애플리케이션을 개발 기간 단축 및 양질의 코드를 생산할 수 있다. Angular의 장점(데이..

Vue.js 2021.07.12

AWS + 젠킨스 + 스프링 부트 ci/cd 구현 6

[Jenkins] - AWS + 젠킨스 + 스프링 부트 ci/cd 구현 5 AWS + 젠킨스 + 스프링 부트 ci/cd 구현 5 [Jenkins] - AWS + 젠킨스 + 스프링 부트 ci/cd 구현 4 AWS + 젠킨스 + 스프링 부트 ci/cd 구현 4 [Jenkins] - AWS + 젠킨스 + 스프링 부트 ci/cd 구현 3 AWS + 젠킨스 + 스프링 부트 ci/cd 구현 3 [Jenkins] - AW.. choiiii-dev.tistory.com 이제 배포 파일을 만들어서 빌드만 시키면 됩니다. 1. Build 위의 사진처럼 작성해 주세요 clean build는 ./gradlew clean build와 같습니다. 2. 빌드 후 조치 먼저 설정하기 전에 배포용 쉘을 작성하겠습니다. webapps ..

Jenkins 2021.05.17

AWS + 젠킨스 + 스프링 부트 ci/cd 구현 5

[Jenkins] - AWS + 젠킨스 + 스프링 부트 ci/cd 구현 4 AWS + 젠킨스 + 스프링 부트 ci/cd 구현 4 [Jenkins] - AWS + 젠킨스 + 스프링 부트 ci/cd 구현 3 AWS + 젠킨스 + 스프링 부트 ci/cd 구현 3 [Jenkins] - AWS + 젠킨스 + 스프링 부트 ci/cd 구현 2 AWS + 젠킨스 + 스프링 부트 ci/cd 구현 2 [Jenkins] - AW.. choiiii-dev.tistory.com 1. Webhook 프로젝트 레파지토리에 푸시를 하면 Github Webhook을 이용해 젠킨스에 polling 하여 빌드를 자동으로 해주는 환경을 구축해야 합니다. 우선 두 가지 플러그인을 젠킨스에 설치해야 합니다. 1. GitHub Integrati..

Jenkins 2021.05.12

AWS + 젠킨스 + 스프링 부트 ci/cd 구현 4

[Jenkins] - AWS + 젠킨스 + 스프링 부트 ci/cd 구현 3 AWS + 젠킨스 + 스프링 부트 ci/cd 구현 3 [Jenkins] - AWS + 젠킨스 + 스프링 부트 ci/cd 구현 2 AWS + 젠킨스 + 스프링 부트 ci/cd 구현 2 [Jenkins] - AWS + 젠킨스 + 스프링 부트 ci/cd 구현 1 AWS + 젠킨스 + 스프링 부트 ci/cd 구현 1 [AWS] - AWS EC.. choiiii-dev.tistory.com 젠킨스와 Github ssh 연동 1. 키 생성 우선 키를 생성하기 전에 젠킨스 사용자를 확인해야 합니다. ps aux | grep jenkins 젠킨스가 사용자로 실행 중이면 현재 사용자를 젠킨스로 전환합니다. sudo -u jenkins /bin/b..

Jenkins 2021.05.12

AWS + 젠킨스 + 스프링 부트 ci/cd 구현 3

[Jenkins] - AWS + 젠킨스 + 스프링 부트 ci/cd 구현 2 AWS + 젠킨스 + 스프링 부트 ci/cd 구현 2 [Jenkins] - AWS + 젠킨스 + 스프링 부트 ci/cd 구현 1 AWS + 젠킨스 + 스프링 부트 ci/cd 구현 1 [AWS] - AWS EC2 SSH pem키 없이 접속하기 [AWS] - AWS 인스턴스 [AWS] - AWS(아마존 웹 서비스) ssh로 인스턴스.. choiiii-dev.tistory.com 젠킨스 설정 ec2서버로 접근해보면 password를 입력하라는 화면이 나옵니다. cat으로 비밀번호를 확인합니다. sudo cat /var/lib/jenkins/secrets/initialAdminPassword $ sudo cat /var/lib/jenki..

Jenkins 2021.05.12

AWS + 젠킨스 + 스프링 부트 ci/cd 구현 2

[Jenkins] - AWS + 젠킨스 + 스프링 부트 ci/cd 구현 1 AWS + 젠킨스 + 스프링 부트 ci/cd 구현 1 [AWS] - AWS EC2 SSH pem키 없이 접속하기 [AWS] - AWS 인스턴스 [AWS] - AWS(아마존 웹 서비스) ssh로 인스턴스에 연결 시작하기 전에 AWS 세팅이 끝나지 않으셨으면 위에 글을 보고 세팅해주세요 1. 자바 설치. choiiii-dev.tistory.com 젠킨스 프록시 설정 젠킨스 설치가 끝났으면 nginx를 통해 프록시까지 등록해보겠습니다. 우선 아래 명령어를 통해 amazon-linux-extras에서 nginx를 지원하는지 확인해주세요 amazon-linux-extras list | grep nginx $ amazon-linux-extr..

Jenkins 2021.05.12

AWS + 젠킨스 + 스프링 부트 ci/cd 구현 1

[AWS] - AWS EC2 SSH pem키 없이 접속하기 [AWS] - AWS 인스턴스 [AWS] - AWS(아마존 웹 서비스) ssh로 인스턴스에 연결 시작하기 전에 AWS 세팅이 끝나지 않으셨으면 위에 글을 보고 세팅해주세요 1. 자바 설치 우선 젠킨스를 설치하기 전에 자바부터 설치해야 합니다. 아래 명령어를 입력해 주세요 sudo yum install -y java-1.8.0-openjdk-devel.x86_64 설치가 완료되면 현재 버전이 java8이 맞는지 확인해주세요 java -version 2. Jenkins 설치 먼저 yum update를 해줍니다. sudo yum update -y 이제 젠킨스를 설치해야 하는데 yum 패키지에는 기본적으로 젠킨스가 포함되어있지 않습니다. 그래서 yum패..

Jenkins 2021.05.12

AWS EC2 SSH pem키 없이 접속하기

ec2-user 비밀번호 설정 $ sudo passwd ec2-user Changing password for user ec2-user. New password: Retype new password: passwd: all authentication tokens updated successfully. sshd_config 수정 $ sudo vi /etc/ssh/sshd_config # To disable tunneled clear text passwords, change to no here! PasswordAuthentication yes #PermitEmptyPasswords no #PasswordAuthentication no vi 에디터에서 insert키를 누르고 입력 모드로 변경한 후 Passwor..

AWS 2021.05.11

AWS(아마존 웹 서비스) ssh로 인스턴스에 연결

PuTTYgen을 사용하여 프라이빗 키 변환 hputty.org/ HPuTTY (한글 PuTTY) 설치 버전 비설치 버전 최신 버전과 이전 릴리즈 버전은 아래 GitHub Release 페이지에서 받을 수 있습니다. 소스코드는 위의 GitHub 저장소 에서 자유롭게 받으실 수 있습니다. Visual Studio 2015 Community hputty.org 우선 aws에 ssh로 접속하기 위해서 위에 들어가셔서 putty를 다운받습니다. 다운로드가 완료되면 이렇게 있습니다. 그 다음으로 인스턴스를 시작할 때 지정한 키 페어에 대한 프라이빗 키(.pem 파일)를 찾습니다. 인스턴스 생성할 때 다운로드해놨던 pem파일을 찾으셨으면 "puttygen.exe"를 실행 해 주세요 PuTTYgen을 사용하여 프라이..

AWS 2021.05.11