![]()
MineHome.vue 이 프로젝트의 웹사이트는 블로그 형식에 툴 모음이기 때문에 뚜렷한 목표가 없는 블로그 느낌이다. 그렇기 때문에 Home에 대한 고민을 많이 했다. 뭔가 뚜렷하지 않은 블로그의 홈이라,,, 방문하는 사람들을 위한 웹사이트기때문에 방문자가 무언가 얻고 가면 좋을 것 같다. 현대인들이 매일 궁금해하는 날씨정도가 적합한 Home일 것 같다. 우선 날씨 데이터를 사용해보자. OpenWeatherMap 날씨의 데이터를 가져오기 위해 OpenWeatherMap API를 사용하자. OpenWeatherMap API 란 현재 위치에 대한 날씨의 정보들을 볼 수 있다. 나는 무료로 사용할 것이기 때문에 사용할 수 있는 데이터의 양이 많지 않다. 오늘의 날씨, 3시간 단위로 5일간의 날씨 데이터를 사..
![]()
Common Component Header Header에서 navigation을 사용 할 생각이다. 원래는 Footer에서 하려했지만 계속해서 메뉴들을 추가 할 것이기 때문에 상단에서 사용하는게 좋을 것 같다. Vuetify를 사용해 간단하게 Header를 구현하자. // components/common/MiniHeader.vue 미니 기여어 mdi-reply 미니 기여어 {{ item.title }} Vuetify는 tag를 사용하여 수많은 components를 제공한다. Vuetify 공식문서 : https://vuetifyjs.com/en/getting-started/installation/#installation Get started with Vuetify 3 — Vuetify Details fo..
![]()
프로젝트를 만드는 이유 이전에 Side Project로 만들어 놓고 안 쓰던 점심 뽑기 Web이 있는데, (https://soominyim.github.io/today-lunch/) 배포 이후에 거의 수정을 안했었다. 묵혀두기는 좀 아쉬워서 Vuex에 익숙해질 겸 리팩토링하려고 한다. 이번에 리팩토링하면서 다른 요소들도 추가하여 완전한 Tools web app으로 구성할 것이다. 따로 디자인이나 구조를 정해놓고 하는 것이 아니라서, 천천히 추가하면서 만들 예정이다. 왜 미니로 지었냐고 물어보시진 않겠지만 그래도 설명하겠다. 미니는 우리 강아지 이름인데, 14살로 노견이다. 오래오래 살았으면 좋겠지만, 언젠가는 헤어져야 한다. 마음에 미니를 담아두기엔 내 마음이 너무 작은 것 같아 이렇게나마 미니를 남기고..
