Pewwwjjj

그동안 각종 NPM 라이브러리들을 이용하면서 install --save와 --save-dev의 차이점을 모른 채 주구장창 후자의 키워드만 썼었는데, 이제서야 검색을 하여 알게되었다... 일단 정리를 해보자면, 기본적으로 --save 와 --save-dev 는 기본적으로 install 할 시 ./node_modules 디렉터리에 패키지 설치를 함과 동시에 ./package.json 업데이트 까지 같이 해준다. 여기서 어디에 패키지의 정보를 추가하느냐가 중요한데, 전자의 경우 dependencies, 후자의 경우 devDependencies 에 등록이 된다. 저런식으로 말이다. 한 가지 더 다른 점은, devDependencies 의 경우 dependencies 와 다르게 --production으로 빌드 시..

The splice() method changes the contents of an array by removing existing elements and/or adding new elements. 자바스크립트 Array의 내장 메소드인 splice()는 배열 안의 존재하는 요소들을 지우거나 새로운 요소들을 추가함으로써, 배열의 내용을 바꾼다. It allows removal (and optionally insertion) of items at an arbitrary index in the array. It will return an array of elements removed from the array. 배열의 임의적인 인덱스에서 항목을 제거 (선택적으로 삽입) 할 수 있게 한다. 배열로부터 제거된 ..

안녕하세요! 오늘은 Vue.js로 간단한 페이징을 구현해보려합니다~ 되게 간단하게 할 수 있지만, 저는 vue-cli를 이용하여 구현하겠습니다. 설정이 기억나지 않으시는 분들은 이 글을 참고해주세요! http://pewww.tistory.com/2 일단 전체적인 완성 모습은 아래의 사진과 같습니다. (디자인은 무시해주세요..ㅎ) 테이블을 구성하는 데이터들은 연락처서비스 API에서 불러왔습니다. http://sample.bmaster.kro.kr/ 그럼 긴 말 할 것 없이 코드로 설명드리겠습니다! 중요하게 봐야될 것은 딱 2가지라고 할 수 있습니다. 첫 번째는 바로 created 부분입니다. 코드를 보시면 axios를 사용하여 통신을 하고 있는 것을 알 수 있습니다. 성공 시 응답 데이터의 contacts..