
얼마 전 회사 서비스에서 드디어 URL에 붙어있던 hash를 제거하게 되었다. 우리 서비스는 SPA(싱글 페이지 어플리케이션) 서비스라서 hash가 항상 붙어있었는데 이유는 Vue Router에서 기본 모드가 hash mode 이기 때문. 히스토리 모드로 변경해주면 hash가 없는 깔끔한 URL을 가질 수 있다. 공식 문서에 따르면 mode: 'history' 이 속성 하나만 추가해주면 되는 간단한 일이지만 우리는 기존에 레거시 코드도 많았고 이미 외부에 알려진 hash가 있는 URL에 대응하는 등의 작업도 있었기에 작업자 분이 2주에 걸쳐 작업해 주셨다. 작업자 분이 올려주신 PR을 보면서 내가 가장 의문이 갔었던 부분이 vue.config.js 파일에 multi page 설정 부분이었는데, 이걸 이해..

오늘 한 일 인프런 강의를 [라우터 기본] 파트까지해서 전체의 20%정도 들었다. 3일전, 노마드코더 강의 [2.2 Recap!]에 남긴 질문에 아직 답변이 없어서 한글이라 질문 해석이 안되는건가 해서 영어로 바꿔서 질문 올렸다. 공부 내용 Vue CLI를 사용해 보았다. Vue CLI 2.x 버전과 3.x 버전은 다른점이 많다. 2.x 버전은 vue init ~ 명령어를 사용하고 3.x 버전은 vue create 명령어를 사용한다. 2.x 버전은 Webpack 설정 파일이 노출되어 있고 3.x 버전은 숨겨져 있다. 2.x 버전은 node_modules를 설치하기 위해 한번 더 명령어를 입력해야 하고 3.x는 create 명령어 한 번에 모두 내려받는다. 2.x 버전은 github에 올라와있는 템플릿을 ..
- Total
- Today
- Yesterday
- vue-meta
- 우아한테크러닝
- Component
- 인프런
- vue
- vuejs
- Python
- axios
- vue-router
- til
- ES6
- typeScript
- 프론트엔드
- REACT
- asyncawait
- nodejs
- js
- prerender-spa-plugin
- Docker
- 상태관리
- ReactNative
- Vuex
- vue-cli
- 리액트훅
- jsconf
- promise
- EventLoop
- chartjs
- frontend
- JavaScript
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |