송민준의 개발노트

프론트 개발을 하면 필수적으로 많이 사용하는 함수들을 모아서 공통 js 파일을 만든다. Vue에서는 어떻게 사용하는지 정리하도록 하겠다. 우선 공통 js를 만들기 전에 플러그인이라는 개념에 대해 알아야한다.(전역 수준으로 함수 만들어서 사용할거니까...) 따로 정리하진 않겠다. https://kr.vuejs.org/v2/guide/plugins.html 플러그인 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org 플러그인으로 사용할 공통 js 파일을 plugins이나 assets이나 본인이 선호하는 곳에 아래와 같이 만들어준다. import Vue from 'vue' export default{ install(Vue) { const pt = Vue.prototype..

나는 css와 js를 head에 놓고 작업을 한다. 다만 css는 head와 js는 body 하단에 두는 것이 좋다고 알고는 있다. 그 이유를 몰랐는데 알게 되어 정리를 한다. 기본적으로 HTML은 위에서 아래로 코드가 실행된다. head를 먼저 불러오고 body를 불러오게 되는데 head에 js가 있어 용량이 크다보면 백지 화면이 오래 노출된다. 반면 css는 화면을 그리는 역할이라서 적용이 늦게 되면 화면이 깨지는 경우가 발생한다. 그러므로 head에는 css, body 하단에는 js를 두도록 하자. * 추가적으로 bootstrap은 제이쿼리 기반이라 제이쿼이를 먼저 불러오고 써야 한다.