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

드디어 이걸 작성하게 됐다. 처음 프로젝트를 기획하고 디자인 할 당시, 이렇게 오래 걸릴 거라 생각하지 못했다. 하지만 역시 개발은 쉬운일이 아닌 것 같다. 밤도 많이새고 처음보는 에러들을 고치며 머리도 많이 쥐어 뜯었다 ㅋㅋ 그래도 완성이라는 것을 해보니까 마음이 뿌듯하다. 아직 기능이 정말 완벽하다 라고 할 정도는 아니다. 그래도 큰 공사와 디자인했던 기능들은 모두 완성이 되었다. 나는 이번에 웹 프로젝트가 처음이지만 그래도 끝을 마무리 지을 수 있어서 참 다행이라고 생각한다. (깃헙 주소는 맨아래에!) - 처음 서비스를 접속하면 만나는 화면 - 로그인을 하거나 이미 로그인한 기록이 있으면 동의를 묻는다. - 로그인 부분에서는 라이브러리를 사용하다보니 로그인 버튼이 기본 제공되는 이미지로 바뀌었다.(..

마지막 포스팅이 끝나고 시험기간에 들어가서 그런지 굉장히 오랜만에 작성하는 것 같다. 뭐.. 얼추 마무리가 되었으니 카카오 로그인에서 cors에러가 나는것을 해결한방법을 정리해 보고 총 정리 식으로 작성해 봐야겠다. 그래도 시간이 좀 지났다고 생각이 살짝 흐릿한 걸 보면 역시 기록은 참 중요한 것 같다ㅜㅜ 현재는 로그인 할때 cors오류가 나지않는다. 해결했을때 어찌나 기쁘던지..... 해결 방법을 찾다가 라이브러리를 발견하고 적용시키니 로그인이 문제없이 넘어갔다. (사실 발견한건 좀 됐는데 그당시에는 vue코드를 보는 실력이 없어서 적용을 못했다는 말이 더 맞을것이다.) https://www.npmjs.com/package/vue-kakao-login vue-kakao-login kakao login ..

마이리스트에서 구현해야할 서비스는 별점기능 이다. 이것도 배너 슬라이드 처럼 직접 다구현해야하나 하고 여러자료를 찾아본 결과, 이미 구현을 다 해놓은 라이브러리가 있다는 것을 알게되어 다운받아 간단하게 구현 하였다. 정말 다행이라고 생각했다. [라이브러리] 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..