1. main.js를 Slim하게 하기 main.js는 처음 개발 시작 간, 정리를 하지 않으면 나중에 힘든일이 발생하게 된다. 이게 무슨 말이냐 하면, 가장 처음에 시작하는 스크립트 파일은 main.js 에 개발의 편의성을 위하여 자주 사용하는 컴포넌트나 스크립트들을 로드하게 된다. 이 경우, 첫 시작부터 자바스크립트 엔진이 많은 스크립트들을 실행하다 보니 초기 로딩시간을 늘리게 한다. 대표적으로 lodash와 같은 것과 UI를 빠르게 구성하기 위해서 사용하는 Vuetify나 Element-UI, 차트를 구성하는 echart 등, 무거운 라이브러리를 Fully하게 등록하는 경우다. 이런 것들은 초반부터 사용하는 페이지 별로 사용하게 적용하는 것이 좋다. 2. Lazy Loading을 구성하자. 구관이 ..
Vuejs를 사용하여 프로젝트들을 설계하고 개발한지 어언 2년이 넘어가고 있고, 빠른 개발을 위해 Vuejs 기반의 프레임워크를 구성하여 개발하는 것도 1년 남짓되어 가고 있다. 그 동안 Vuejs를 사용하면서 많은 배우게 되었고, 지금도 배울게 많다. 이 중 충격적으로 다가오게된 요소가 있었는데, 바로 Computed에서 set이 된다는 것이다. 이걸 요근래 알게 되었다. Computed는 내부에 사용되는 요소들의 변경점을 감지하여 연관되어 가공하는 부분을 캐싱처리 형식으로 오로지 조회성으로만 사용될 것이라 생각했다. Frontend와 Backend로 나눠서 개발할 때, 서버에서 오는 데이터를 그대로 사용하고, 그 양식에 맞춰 그대로 전달하는 방식을 선호한다. HTTP Restful API 사용 간, ..
- Total
- Today
- Yesterday
- 클라우드
- SSL
- JS
- IE
- technote
- RUBY
- ie11
- 전략
- 테크노트
- 테스트
- 브랜치
- angular
- Python
- 파이썬
- FLASK
- jQuery
- Git
- directive
- Branch
- NG
- LightBox
- 개발자
- SVN
- frontend
- RESTful
- vuejs
- Material
- Ai
- 미래
- SQL
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |