728x90 개념정리14 [JAVA] 자바 코드 컨벤션 코드 컨벤션이란? 한 마디로 코드를 작성할 때 프로그래머 사이에서 어떻게 작성할 것인지 약속한 것입니다. 지키지 않아도 코드 상의 에러는 발생하지 않지만, 가독성 및 일관성있는 코드 스타일을 위해 꼭 필요한 것이라고 할 수 있습니다. 개발자들이 사용하는 인텔리제이, 이클립스와 같은 IDE에서는 단축키를 사용하면 코드를 자동으로 정렬해주는데, 이것이 바로 자바 코드 컨벤션 규칙에 따라 코드를 알맞게 바꿔주는 것입니다. 해당 게시물은 아래의 코딩 컨벤션 문서를 참고하여 작성하였습니다. https://google.github.io/styleguide/javaguide.html#s3.4.1-one-top-level-class Google Java Style Guide 1 Introduction This docu.. 2022. 10. 3. [Vue.js] Vue Cli 설치하기 Vue.js Cli 설치하기 1. node.js 설치하기(8.9 이상) 1-1. 아래 링크로 들어가서 왼쪽 버전으로 node.js를 다운로드 한다. https://nodejs.org/ko/ 1-2. cmd창을 열어서 node.js가 설치되었는지 확인한다. node.js 버전 확인 node -v npm 버전 확인 npm -v 2. Vue Cli 설치하기 2-1. cmd창을 열어서 아래의 명령어를 입력한다. window 명령어 npm install -g @vue/cli Linux/Mac 명령어 sudo npm install -g @vue/cli 2-2. Vue Cli 설치 완료 2-3. cmd창을 열어서 Vue Cli가 설치되었는지 확인한다. vue --version 3. Vu.. 2022. 4. 26. [Vue.js] 뷰 컴포넌트 개념 및 예제 Vue.js 컴포넌트 개념 및 예제 컴포넌트를 사용하는 이유 {{ name }} Click! {{ name }} Click! 위와 같이 코드가 똑같은 Vue 인스턴스 app, app2가 있다. 하지만 이런 방식으로 코드를 적는 것은 불필요한 중복에 불과하기 때문에 component를 사용해서 아래와 같이 개발을 할 수 있다. component는 전역 component와 지역 component로 나뉜다. 전역 Component 사용법 반복해서 사용되어질 Vue 인스턴스에 new Vue({ }) 대신 Vue.component({ })를 사용한다. 컴포넌트의 이름을 넣는다. (아래 코드의 컴포넌트 명은 'app-button') const app = new Vue({ // 반복되어 사용될 Vue 인스턴스 }) .. 2022. 4. 26. [Vue.js] 여러 개의 Vue 인스턴스 사용하기 Vue.js 여러 개의 Vue 인스턴스 사용하기 코드 {{ name }} Click! {{ name }} Click! 실행 결과 코드 - 다른 Vue 인스턴스 제어하기 {{ name }} Click! {{ name }} Click! 실행 결과 this 대신 Vue 인스턴스가 담긴 변수의 이름 넣기 const app = new Vue({ el: '#app', data: { name: 'Jang' }, methods: { changeText() { this.name = 'Jang-change' // --> app2.name = 'Jang-change' } } }) 위의 코드에서 this.name은 app의 data의 name을 가리킨다. 이를 app2.name 으로 적는다면 app2 Vue 인스턴스의 dat.. 2022. 4. 26. 이전 1 2 3 4 다음 728x90
