정리 37

Vue.js란? / Vue.js 인스턴스 / Vue.js 컴포넌트

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

정리/Vue.js 2023.09.15

Vue.js 새 프로젝트 생성하기

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

정리/Vue.js 2023.09.13

Vue.js 설치

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..

정리/Vue.js 2023.09.13

npm이란??

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

정리/node.js 2023.09.13

5. Jenkins 빌드 에러 수정하기

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

정리/Jenkins 2023.07.03

4. Jenkins로 빌드하기

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 2023.06.29