vue.js – vuex 예제
vuex에 대해 잘 정리된 예제가 있어 정리한다. Vue 프로젝트 생성 vue 명령을 이용해 Manual 설정으로 프로젝트를 생성한다. 추가 패키지로 Babel, Router, Vuex, CSS Pre-processors, Linter를 선택했다. $ vue create vuex_example…
vuex에 대해 잘 정리된 예제가 있어 정리한다. Vue 프로젝트 생성 vue 명령을 이용해 Manual 설정으로 프로젝트를 생성한다. 추가 패키지로 Babel, Router, Vuex, CSS Pre-processors, Linter를 선택했다. $ vue create vuex_example…
케이블 TV만 사용하다가 최근들어 유튜브 프리미엄, 넷플릭스들을 정기결제 하면서 굳이 케이블 TV까지 봐야하나 싶었다. 그래서 지상파 채널들은 안테나를 연결해서 보기로 하고 나머지는 기존과 같이 넷플릭스와 유튜브를 보기로 했다. 케이블 TV를…
DEV-[occiderepi301:/home/occidere] docker ps -a Got permission denied while trying to connect to the Docker daemon socket at unix:///var/run/docker.sock: Get http://%2Fvar%2Frun%2Fdocker.sock/v1.40/containers/json?all=1: dial unix /var/run/docker.sock: connect: permission denied sudo chmod 666 /var/run/docker.sock…
vue.js에서 backend 데이터를 얻기 위해 axios를 사용했다. backend는 FastAPI를 사용했는데 아래와 같은 오류가 나타났다. Access to XMLHttpRequest at 'http://localhost:8000/translation' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to…
한샘 UV LED 칫솔살균기를 구입했다. 그동안 꿈꿈한 느낌이 나는 칫솔만 쓰다가 아내가 칫솔살균기가 있으면 좋겠다 하여 구입하게됐다. 어렸을 때 부모님이 집에 가져다둔 칫솔살균기만 써본터라 극적인 효과가 날런지는 아직 의문이다. 칫솔에서…
집을 구할 때 보통 공인중개사의 말만 믿고 집을 구하는 경우가 종종 있다. 하지만, 주의할 것은 어느 곳이나 좋은 사람, 나쁜 사람, 이상한 사람들이 있다는 것이다. 공인중개사도 마찬가지다. 정말 자기 사명을…
vue.js 에서 입력값을 받아 해당 입력 값을 GraphQL 쿼리 인자로 넣어서 데이터를 가져오고 싶을 때가 있다. 예를들면, 영어 사전 검색을 하는데 smart, login과 같은 단어가 포함된 결과물을 얻고 싶을 때…
MongoDB 설치하기 MacOS에 MongoDB 설치 하기 strapi 프로젝트 생성 yarn create strapi-app my-project 프로젝트 생성 시 아래와 같이 Custom 옵션을 선택한다. ? Choose your installation type Quickstart (recommended) ❯ Custom…
Restaurants 생성 앞서 만든 strapi를 이용해 레스토랑 리스트를 만든다. Content Type 생성 strapi의 좌측 메뉴에서 Content-Types Builder 클릭+ Create new collection type 클릭restaurant 라는 이름으로 collection type을 생성한다.text 필드 생성을…
Nuxt 설치 Vue cli 설치 yarn global add @vue/cli # 또는 npm install -g @vue/cli 프로젝트 디렉토리 생성 mkdir deliveroo-clone-tutorial cd deliveroo-clone-tutorial frontend 디렉토리 생성 yarn create nuxt-app frontend #…