WEB개발이야기/Vue.js 2019. 4. 24.
Vue.js용 페이지 네비게이션 인 vuejs-Paginate Component를 소개합니다
Vue.js를 사용하다보면 수많은 사람들이 만들어서 무료로 공유해 놓은 Components들이 많이 있습니다. 라이선스를 꼭 확인해야 하겠지만 대부분 사용에 안전한 MIT라이선스를 주로 사용합니다. 그중에 보통 게시판 리스트 하단에 페이지를 넘기는데 사용하는 Paginate 컴포넌트를 소개해 볼까 합니다. 이 컴포넌트는 디자인은 Bootstrap3을 사용하고 있기때문에 Bootstrap3도 같이 설치를 해야 합니다. 설치하기 npm이나 yarn을 사용한다면 설치는 쉽습니다. NPM으로 설치 $ npm install vuejs-paginate bootstrap@3.3.x --save Yarn으로 설치 $ yarn add vuejs-paginate bootstrap@3.3.x CDN으로 설치 CDN은 설치라..
UXUI이야기 2018. 7. 10.
HUD를 넘어서 이제 해드램프로 네비게이션을한다
자동차 오너로써 HUD (전방표시장치 [Head Up Display])만 봐도 대단해 보이는데 해드램프를 이용한 네비게이션까지 나온다고 하니 UX 발전의 끝은 어디인가 하는 생각이 듭니다. 메르세데스-벤츠에서 해드램프를 이용한 네비게이션인 디지털 라이트(Digital Light)를 공개했다고 합니다. 디지털 라이트를 쉽게 설명한다면 해드라이트에 고성능 프로젝터를 달아놓은 것이라고 보면 될것 같은데요. 메르세데스-벤츠는 눈부심 방지가 적용된 2백만 픽셀의 해상도에 해당하는 헤드 라이트를 장착헸디고 합니다. 그래서 주행 중 상황에 따라 다양한 심볼을 보여주기도 하고 네비게이션 가이드도 띄워 주기도 한다고 합니다. 해당 기술은 운전자뿐만 아니라 길을 건너는 보행자에게도 도움을 준다고 합니다. 보행자가 안전하게..
