개성있는 개발자 되기

Vue Cli는 Vue.js 애플리케이션을 빠르게 개발할 수 있는 관련된 기능을 모두 제공하는 Vue.js개발 도구이자 시스템이다. 다양한 플러그인과 프리셋을 로딩하여 프로젝트의 초기 설정과 개발을 손쉽게 할 수 있도록 도와준다. 1. Vue CLI의 구성요소와 설치 Vue CLI는 크게 3가지의 구성요소로 이루어져 있다. CLI : @vue/cli → vue 명령어를 실행할 수 있도록 한다. vue 명령어로 새로운 vue 애플리케이션 프로젝트를 생성할 수 있다. vue 단일 파일 컴포넌트를 설정 없이 실행하여 테스트할 수 있음 GUI 환경으로 프로젝트를 생성하거나 관리할 수 있음 CLI 서비스 :@vue/cli-service → 프로젝트가 생성될 때 개발 의존성으로 설치되는 구성요소이다. CLI 서비스..

arguments 객체 함수를 호출할 때 넘긴 인자들이 배열 형태로 저장된 객체를 의미한다. 실제 배열이 아닌 유사 배열 객체다. 객체지만 length 프로퍼티를 가지고 있음 호출 패턴과this 바인딩 객체의 메서드 호출할 때 this 바인딩 객체의 프로퍼티가 함수일 경우 메서드라고 부른다. 메서드가 호출 될 때, 메서드 내부 코드에서 사용된 this 는 해당 메서드를 호출한 객체로 바인딩 된다. 함수룰 호출할 때 this 바인딩 함수를 호출할 때는, this 는 전역 객체에 바인됭 된다 window 객체가 전역이 된다. 특이한 점은, 내부 함수를 호출했을 경우에도 그대로 적용된다. 이것을 방지하려면, 내부함수에서 다른 변수에 this를 저장한 뒤, 하위 내부 함수에서 이를 참조하면 된다. → 내가 말했..

지금까지 HTML 파일에서 태그로 vue.js 라이브러리를 직접 참조하여 예제를 작성했다. 하지만 이 방법으로는 대규모 앱을 개발하기 힘들다. 대규모 앱을 개발하려면 SPA(Single Page Application) 구조여야 하는데, Vue.js 기반의 SPA 애플리케이션을 개발하려면 Vue Router, Vuex 등의 다양한 요소가 필요하다. 이들을 이용하기 위해서 ECMAScript2015나 Typescript 등을 사용해야 하는데, 이번 장에서는 ES2015 표기법에 대해 알아본다. 1. ES2015를 사용하기 위한 프로젝트 설정 Babel을 프로젝트에서 사용하기 위해 설정이 필요하다. * Babel : 대표적인 트랜스파일러로서, ES2015, TypeScript 코드를 오래된 브라우저에서도 사용..

Controller.java에서 view.jsp로 model에 담아 값을 보낼 때 ItemQualOcrDto tmp1 = new ItemQualOcrDto(); tmp1.setCorLst("546,360,669,360,669,389,546,389"); tmp1.setCvImgUrl(imgUrl); ItemQualOcrDto tmp2 = new ItemQualOcrDto(); tmp2.setCorLst("510,396,701,396,701,436,510,436"); tmp2.setCvImgUrl(imgUrl); tmpList.add(tmp1); tmpList.add(tmp2); model.put("cvDtoList", tmpList); // model.put("cvDtoList", itemQualOcrSe..