나아가는 길에 발자국을 찍어보자

마이리스트에서 구현해야할 서비스는 별점기능 이다. 이것도 배너 슬라이드 처럼 직접 다구현해야하나 하고 여러자료를 찾아본 결과, 이미 구현을 다 해놓은 라이브러리가 있다는 것을 알게되어 다운받아 간단하게 구현 하였다. 정말 다행이라고 생각했다. [라이브러리] https://github.com/craigh411/vue-star-rating craigh411/vue-star-rating :star: A simple, highly customisable star rating component for Vue 2.x. - craigh411/vue-star-rating github.com Usage를 보고 설치를 한다음 차근차근 따라하면된다. 처음부분에 만들어진 모습도 볼수있는 페이지를 제공해줘서 원하는 스타일로 적..

kakao API를 사용해서 해당 장소의 위치를 보여주도록 구현했다. 처음에 어떻게 구현할지가 가장 어려웠는데 카카오 데브톡에서 개발자님이 올려주신 예제가 있어 큰 틀은 수월하게 구현할 수 있었다. mounted() { if (window.kakao && window.kakao.maps) { this.initMap(); } else { const script = document.createElement('script'); /* global kakao */ script.onload = () => kakao.maps.load(this.initMap); script.src = 'http://dapi.kakao.com/v2/maps/sdk.js?autoload=false&appkey=여기는 나의 개인키'; do..

정말.... 자료 찾는데 힘들었다.ㅜㅜ 제이쿼리로는 이미지 배너 형태를 많이 배포하기도 하고 자료도 많아서 가져다 쓰면 되는 경우가 많았는데, vue로 구현된 슬라이드는 정말 찾기가 힘들었다. vuetify를 사용하면 이쁘고 편하고 좋다는데, 이걸 나~중에 알게되었다.. 다들 새로 프로젝트 만들기전에 뷰티파이를 추가하고 만드는 방법만 설명해주고, 이미 만들어논 프로젝트에는 적용하는방법은 안나와있어서 또 한참 헤매다 포기했다. 이쁜거 진짜 많던데ㅜㅜ 다음에 뷰를 사용하게된다면 그땐 꼭 써봐야겠다ㅜㅜ 많이 아쉽다. 여러개를 시도해보다가 잘 연결도 안되고 결과도 자꾸 에러가 나서 결국 이미지 배너를 만들어보기로 했다. 처음에 목표는 터치를 해서 넘기는 방식을 하고 싶었으나, 구현 시간을 생각해(혹시 모를 에러..

이번에 진행하는 오늘어때 프로젝트에서 내가 프론트를 맡게 되어 개발을 해야하는데, 서버언어는 node.js여서 호환이 좋은 vue.js를 이용해 프론트 개발을 하게되었다. 다만 나는 뷰를 공부해본적이 없어서 급하게 나마 책으로 실습위주 공부하고 그 책의 마지막 챕터인 할일 관리 앱을 만드는 것으로 공부를 마무리 지으려고 한다. 이것까지 개발하면 바로 오늘어때 개발로 들어가야 할 것 같다. 사이버 강의긴 하지만 중간고산데ㅜㅜ 뭔가 엄청 바쁘고 공부할것도 많았지만 어찌 저찌 끝내서 마무리하려는 느낌으로 기록해 본다! (기록은 이곳에도 하지만 기본적인 코드는 깃헙에 올라갈 것 이다. 여기서는 간단한 소감이랑 추가되는 자세한 내용들(?) 위주로 적을 예정.) 완성된 서비스를 미리 해볼 수 있는곳! https:/..