본문 바로가기

IT 라이프

(11)
Vue.js 슬롯(Slot) 사용하기 : v-slot 디렉티브 Vue.js 2.6.0 버전에서 기존의 named slots와 scoped slots를 통합한 v-slot이라는 디렉티브가 새로이 소개되었다. v-slot은 slot 과 slot-scope 어트리뷰트를 대체한다. 이제 slot과 slot-scope 디렉티브는 Deprecated 상태이다. 앞으로 사라질 예정이니 슬롯을 개발할 때는 v-slot을 사용하도록 하자. Named Slots 사용 예시 자식 컴포넌트 부모 컴포넌트 Here might be a page title A paragraph for the main content. And another one. Here's some contact info 주의사항 v-slot 디렉티브의 경우, 기존에 사용되던 slot 디렉티브와 다르게 반드시 태그에 추가되..
윈도우 모든 폴더 별 용량 한번에 쉽게 확인하는 방법 : Windows DU 컴퓨터의 하드 디스크 용량이 원인모르게 가득 차서 정리를 좀 하고 싶은데, 윈도우즈 탐색기에서 봐보자니 너무 많은 폴더가 있고 이 중에 어떤 폴더가 많은 용량을 차지하고 있는지 알 수가 없을 때가 있습니다. 이럴 때 기본적으로 윈도우에서 제공하는 기능만으로는 폴더별로 하나하나씩 우클릭을 해서 속성에 들어가서 용량을 확인해야 해서 여간 번거로운 일이 아닙니다. 이럴 때 쉽게 모든 디렉토리별 용량을 확인할 수 있는 방법을 알려드리고자 합니다. 자 우선 마이크로소프트에서 제공하는 Disk Usage라는 프로그램을 활용할 건데요. 아래 URL로 접속하셔서 Download DU 버튼을 클릭하여 프로그램을 다운로드하시면 됩니다. 혹시 파일이 이상한 파일일까봐 무서우시다구요~? 괜찮습니다. Windows의 제조사인 ..
인터넷 안되는(오프라인) 환경 NPM 패키지 설치 방법 - npmbox 저처럼 금융회사에서 일하시거나 방산업체 등 몇몇 보안 상 제약이 많은 곳에서 근무하시는 분들은 인터넷에 접속할 수 없는 환경에서 npm을 사용해야 하는 경우가 있을 것입니다. 이 경우에 npm으로 패키지 설치하기가 참 까다로운데요. 이런 오프라인 환경에서 패키지를 설치할 수 있는 방법을 소개해보고자 합니다.npmbox 설치온라인 PC에 npmbox 설치인터넷 연결 PC에서 수행npm install npmbox -g [참고] npm 에러 발생 시npm ERR! code SELF_SIGNED_CERT_IN_CHAINnpm ERR! errno SELF_SIGNED_CERT_IN_CHAINrequest to https://xxxx, reason: self signed certificate in certifica..