본문 바로가기

분류 전체보기

(172)
WebStorm 미세 팁 웹스톰에서 유용하게 쓸 수 있는 몇 가지 기능을 소개한다.package.json에서 의존성의 버전 관리웹스톰 2018.3부터 버전 자동 완성을 지원한다.예를 들면, "axios": ""에서, Ctrl+Space를 누르면 latest 버전이나 next등이 뜬다.기존의 버전을 특정 버전으로 바꾸려고 할 때도 유용하다.프로젝트에서 어떤 의존성의 버전이 "2.6.3"이고 최신 버전이 "2.8.3"인데, "2.6.x"에서 최신 버전으로 고치고 싶다면 아래와 같이 하면 된다."xxxx":"^2.6."에서 '.'뒤에서 Ctrl+Space를 누르면 2.6.으로 시작하는 버전이 자동으로 뜬다. Local History이전의 코드를 보고 싶을 때에는 Ctrl+Z를 누르는 것이 아니라, VCS > Local History를..
Typescript에서 export default enum사용하기 Typescript에서 export default enum사용하는 방법은 아래와 같다. 이러한 작동방식은 의도적으로 구현한 것이라 한다. enum TypeName { };export default TypeName;
Vue.js + Nuxt.js로 동적 URL 페이지 만들기 Nuxt.js는 vue-router를 내장하고 있고, 매우 간편한 방식으로 라우팅을 할 수 있다.예를 들면 아래와 같은 URL 구조를 Nuxt.js에서 구현하는 방법은 간단하다.예시 URL 구조/article 글 목록/article/:id 글 보기index 메인페이지/user/:name 유저 정보 페이지 Nuxt.js에서 /pages 폴더 구조pages/article/index.vue_id.vueuser/_name.vueindex.vue폴더 구조만으로도 라우팅이 가능한 Nuxt.js의 장점이다.더 자세한 내용은 공식문서에 한국어로 잘 나타나 있다. https://ko.nuxtjs.org/guide/routing/
빈 배열 여부를 체크하는 함수 아래의 isEmptyArray 함수는 빈 배열이거나, Array가 아니면 true를 반환합니다. 그렇지 않으면 false를 반환합니다.JavaScriptTypeScript
자바스크립트 배열 중복 제거 (JavaScript duplicate array) Jquery를 사용하지 않는 순수한 자바스크립트 코드입니다.원리array.reduce에서 기본 인자 값을 빈 배열을 넣어줍니다.그 다음 누적 배열에 현재 값이 있으면 누적 배열을 반환하고, 없으면 합쳐서 반환합니다.이때, 거꾸로 출력 됩니다. (예: [deduplicate([1, 2, 3, 1, 2, 3]) // [3, 2, 1])원래대로 출력하려면 .reverse()함수를 사용하세요.또한 ES6 이상에서만 사용 가능한 함수입니다.TypeScriptfunction deduplicate(array: Array): Array { return array.reduce((temp, now) => temp.includes(now) ? temp : [now, ...temp], []); }
Webstrom 편리한 기능 팁(구글 검색) 웹스톰에서 오류나 코드를 검색하고 싶을 때에는 해당 문자들을 선택하고 오른쪽 마우스 버튼을 누르면 메뉴에 Search with Google 버튼이 있다.이 버튼을 누르면 선택한 문자열을 구글로 검색해서 브라우저를 자동으로 열어준다.
mysql에서 pool query 후 release 하기 mysql 모듈에서 pool을 사용한 다음 release를 하지 않아도 된다.이슈(https://github.com/mysqljs/mysql/issues/1202)를 참고하면, yes. pool.query() is shortcut for pool.getConnection() + connection.query() + connection.release() - see https://github.com/felixge/node-mysql/blob/master/lib/Pool.js#L194-L207아래와 같이 답변이 있다.pool.query()는 getConnection()과 query, 커넥션 release가 포함되어있다는 내용이다.
vue-naver-maps vue-naver-maps 네이버의 지도 API를 Vue로 간편하게 사용할 수 있게하는 라이브러리입니다.이 라이브러의 목표는 사용자가 직접 지도 클래스를 다루지 않고도 자바스크립트 기본 타입만으로 다룰 수 있도록 하는 것입니다. 아래의 내용은 이전 정보입니다. 자세한 내용은 https://shin-jaeheon.github.io/vue-naver-maps을 참조하여주시기 바랍니다. 현재 지원하는 컴포넌트 naver-maps 네이버 지도naver-marker 마커 컴포넌트naver-info-window InfoWindow 컴포넌트시작하기설치 방법yarn 사용을 권장드립니다.yarn : yarn add vue-naver-mapsnpm : npm install vue-naver-maps네이버에서 발급된 지도 ..