프론트엔드/Vue.js 검색 결과

해당 글 3건

회사 프로젝트에 Vue.js 도입하기

자사 관리자 페이지의 프론트 기술은 jQuery를 사용하고 있다. 관리자 페이지 특성상 프론트 코드를 작업할 일이 많이 있었고, 조심스럽게 Vue.js를 도입해보자는 의견을 제안했다. 동료 개발자들 모두 프론트엔드 프레임워크에 관심이 있었지만 생소한 편이여서 그나마? 시간 여유가 있는 내가 기술 검토를 진행해보았다. 어느 누군가는 해야만 하는 일이었고, 직접 조사하고 테스트해보았던 내용들을 간략하게 정리해봤다.. 나중에 개인 프로젝트 할 때도 도움될만한 지식들이다.. 나중에 써먹어봐야지 ㅎㅎ Vue.js 도입 장점 공통 화면 component화 가능함으로써, 재사용할 수 있도록 구조화 시킬 수 있다. (ex : 파일 업로드 화면, 리스트 화면 등) jQuery 객체 리터럴 전역변수의 무분별하게 사용되는 ..
프론트엔드/Vue.js 2021. 2. 24. 17:16

Vue.js 적용을 위한 핵심 개념 정리

Webpack(웹팩) 애플리케이션 동작과 관련된 html, css, javascript, 이미지 같은 파일들을 하나의 자바스크립트 파일 안에 다 넣어버린다. 웹팩을 통해 하나의 자바스크립트 파일에 다 관리되면서, 기존의 HTTP 통신을 통해 resource를 가져오는 행위가 사라지기 때문에 네트워크 부하를 줄일 수 있다. Babel(바벨) ES6(ES2015) 이상 버전이나 Typescript로 코딩을 한 경우 범용적인 ES5버전으로 자동 전환(트랜스파일)해주는 기술이다. 좀 더 쉽게 설명하자면, ES6와 같은 최신 코드를 모든 브라우저에서 문제 없이 작동될 수 있도록 ES5 형태로 converting 해준다. Babel을 통해 브라우저 호환성 문제를 없앨 수 있다는 뜻이다. Webpack은 resour..
프론트엔드/Vue.js 2021. 2. 15. 15:51