import 용량 줄이기 > IT 기술백서
import 할때 꼭 필요한 항목만 골라서 하는게 중요하다. [code] import _ from ‘lodash’ export default { methods: { […]
IT팁
IT팁
nuxt 빌드 용량 확인하기 > IT 기술백서
1. 빌드 옵션에 아래와 같이 analyze 항목을 true 로 지정하여 webpack-bundle-analyzer 를 활성화한다. [code] build: { analyze: true, //
IT팁
vue 에서 lottie 사용하기 예제 example > IT 기술백서
1. lottie-web 을 설치한다. [code] $ yarn add lottie-web [/code] 2. lottie 용 컴포넌트를 만든다. 참고: https://www.npmjs.com/package/vue-lottie FileName: /components/controls/Lottie.vue
IT팁
div 에서 글자의 세로정렬을 중앙으로 배치하는 법 > IT 기술백서
방법1) 한줄일때만 가능 [code] &::before { content: ”; display: inline-block; height: 100%; vertical-align: middle; }
IT팁
absolute 요소를 중앙에 배치하는 법 > IT 기술백서
여러가지 방법이 있지만 가장 간단한 방법인듯 하다. 가로 중앙 정렬 [code] left: 50%; transform: translateX(-50%); [/code] 세로 중앙
IT팁
nuxt 빌드속도 느릴때 > IT 기술백서
nuxt 를 사용하다보면 코드가 증가할 수록 빌드 속도가 현저히 떨어질때가 있다. build 옵션을 이용하여 속도를 높일 수 있다.
IT팁
go lang 을 위한 vcode 세팅법 > IT 기술백서
1. go extension 을 설치한다. 을” class=”wp-image” sizes=”(max-width: 1024px) 100vw, 1024px”> 3) ‘Go: Install/Update Tools’ 선택
IT팁
go module 요약 > IT 기술백서
기존 Go 에서는 프로젝트마다 GOPATH 를 변경하고 실행해야 하는 (미친… 무슨 설계를 이렇게 함?) 불편함이 있었다. 그러나 Go 1.11 과
IT팁
[vcode] 사용자 정의 코드폴딩 > IT 기술백서
vscode 에서는 블록에 해당하는 부분을 접거나 펼치는 폴딩기능이 있다. 파란색 부분의 화살표를 눌러서 접거나 펼칠수가 있다. 이 기능을
