알렉스 페레이라의 격투 블로그

Vue란? Reactivity(반응성) HTML의 데이터 변화를 Vue라이브러리에서 감지해서 View를 자동으로그려주는것. 인스턴스(Vue 객체) Vue API를 사용하기 위해선 아래와같이 Vue객체를 선언한 뒤 사용해야 한다. {{ message }} Vue 컴포넌트 Vue.component('컴포넌트 이름', 컴포넌트 내용)메소드를 아래와 같이 사용한다. 아래와같이 Root 컴포넌트의 아래에 입력된다.

1. node.js https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. VSC https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform -..

Vue설치를 끝낸 후, 어느 코드나 그렇듯 프로젝트를 생성해야 한다. VSC에서 미리 생성해둔 workspace로 이동해 아래와 같이 명령어를 입력한다. vue create {프로젝트명}을 입력한다. Vue 3을 선택하자. 설치중.. 설치 완료 아래와 같이 설치된다. 프로젝트 폴더안에 들어가, npm run serve 명령어로 서버를 올려본다. 성공! http://localhost:8080/로 접속해보자. 성공!

vue를 설치해보자. 처음엔 react를 생각했지만 vue로 변경한 이유는 '쉽대서' 1. node.js 설치 https://leonjk3.tistory.com/77 node.js 설치하기 아래 사이트에 접속한다. https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 왼쪽 버전을 설치한다. 나는 최신버전을 사용하면 두드러기가 나는 병이 있다. Ne leonjk3.tistory.com 2. Visual Studio Code설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefine..

Node Package Manager 말 그대로 node.js 환경에서 사용가능한 패키지를 관리해주는 툴이다. 문제점: 이때 이 패키지들이 서로 의존되어 있어서, 하나의 문제가 발생하면 다른 것들까지 기능하지 않을 수있다. 그래서 이를 관리하기 위해 사용하는것이 바로 package.json이다. NPM 사용 관련 공식문서 https://docs.npmjs.com/cli/v8/commands/npm-install/ npm-install | npm Docs Install a package docs.npmjs.com

아래 사이트에 접속한다. https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 왼쪽 버전을 설치한다. 나는 최신버전을 사용하면 두드러기가 나는 병이 있다. Next 클릭 동의 체크 후 Next클릭 Next 클릭 Next 클릭 Next 클릭 Next 클릭 Install 클릭 완료!

저번에 문제가 생겼던 Jenkins빌드를 수정해보려고 한다. 그냥 편집없이 처음부터 발생순에 맞게 적어보겠다. Jenkins를 재기동하자 뭐가 문제였을까.. 빌드를 다시 해보자.. 실패! 로그를 확인해보자 확인을 해보니 테스트를 해야하는데 DB가 죽어서 나는 에러같다. mariaDB를 기동해주자.. 빌드를 다시 해보자.. 성공!! jar파일이 있긴한데,, 시간이 이전이다. 삭제하고 다시 빌드해보자 permission denied가 뜬다. 아마 jenkins에서 관리하는 파일이기 때문일것같다. 그렇다면 소스를 조금만 수정해서 커밋하고 다시 빌드해보자. 커밋 안한게있었네,, 내가 요즘 바빠서,, commit후 push까지 완료했다. 빌드를 다시 해보자.. 소스가 바뀌었으니 build된 jar파일의 시간도 바..

Jenkins와 git의 연동이 끝났다. 이제 새로운 item을 추가해서 빌드환경을 구성해보자. 1. 새로운 Item 클릭 2. 이름을 입력하고, Freestyle project를 선택, OK버튼 클릭! 3.General → Github project → Project url → 내 github repository의 url을입력한다. 4. Add버튼을 클릭하여 Credential을 생성한다. Kind : Username with password Scope : Global Username : git아이디 Password : git비밀번호 ID : Credential ID 5. 하단의 Build Steps항목으로 이동하여 설정을 마무리한다. 같은 페이지 한단의 Build 문단에서 Build시 사용될 Grad..

Jenkins의 설치가 마무리됐다. 이제 Jenkins에서 사용할 플러그인을 설치하자. 아래 화면이 나오며 자동으로 설치된다.. 다운로드가 완료되면 계정을 생성하는 페이지가 나온다. 내용을 채우자. 젠킨스 설치가 종료됐다! 이제 git을 연동해보자. 1. github 홈페이지 로그인 → github signed(오른쪽 상단) → settings 2. 하단의 Developer settings를 클릭한다. 3. Personal access tokens → Generate new token을 클릭! 4. token 이름을 지정하고 설정값을 셋팅한다. 버튼 클릭! 토큰값을 저장해둔다.. 이제 Jenkins로 이동한다. 1. Jenkins관리 -> System로 이동 2. 쭉~ 내리다보면 GitHub항목이 있다...

내 WSL의 사양은 다음과 같다. OS Distributor ID: Ubuntu Description: Ubuntu 22.04.2 LTS Release: 22.04 Codename: jammy JAVA openjdk version "17.0.6" 2023-01-17 OpenJDK Runtime Environment (build 17.0.6+10-Ubuntu-0ubuntu122.04) OpenJDK 64-Bit Server VM (build 17.0.6+10-Ubuntu-0ubuntu122.04, mixed mode, sharing) Jenkins를 설치하기 위해서는 다음의 절차를 따른다. 1. Jenkins명령어를 실행한다. wget -q -O - https://pkg.jenkins.io/debian/j..