vue.js – vuex 예제
vuex에 대해 잘 정리된 예제가 있어 정리한다. Vue 프로젝트 생성 vue 명령을 이용해 Manual 설정으로 프로젝트를 생성한다. 추가 패키지로 Babel, Router, Vuex, CSS Pre-processors, Linter를 선택했다. $ vue create vuex_example…
0 Comments
June 30, 2020
삼성 리모콘 호환 NOTTOO 삼성 TV 전용 리모컨 COMBO-2101 구매 후기
케이블 TV만 사용하다가 최근들어 유튜브 프리미엄, 넷플릭스들을 정기결제 하면서 굳이 케이블 TV까지 봐야하나 싶었다. 그래서 지상파 채널들은 안테나를 연결해서 보기로 하고 나머지는 기존과 같이 넷플릭스와 유튜브를 보기로 했다. 케이블 TV를…
June 19, 2020
docker ps 시 Got permission denied while trying to connect to the Docker 에러
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…
June 17, 2020
vue.js – axios로 데이터 request 시 CORS 오류 발생하는 경우
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…
June 15, 2020
한샘 UV LED 양문형 칫솔살균기 HS 구매 후기
한샘 UV LED 칫솔살균기를 구입했다. 그동안 꿈꿈한 느낌이 나는 칫솔만 쓰다가 아내가 칫솔살균기가 있으면 좋겠다 하여 구입하게됐다. 어렸을 때 부모님이 집에 가져다둔 칫솔살균기만 써본터라 극적인 효과가 날런지는 아직 의문이다. 칫솔에서…
June 14, 2020
전세금을 지키는 최우선변제권 잘 알고 적용하자
집을 구할 때 보통 공인중개사의 말만 믿고 집을 구하는 경우가 종종 있다. 하지만, 주의할 것은 어느 곳이나 좋은 사람, 나쁜 사람, 이상한 사람들이 있다는 것이다. 공인중개사도 마찬가지다. 정말 자기 사명을…
June 14, 2020
vue.js – GraphQL 인자 값 넣어서 데이터 받기
vue.js 에서 입력값을 받아 해당 입력 값을 GraphQL 쿼리 인자로 넣어서 데이터를 가져오고 싶을 때가 있다. 예를들면, 영어 사전 검색을 하는데 smart, login과 같은 단어가 포함된 결과물을 얻고 싶을 때…
June 11, 2020
strapi와 MongoDB 연동하기
MongoDB 설치하기 MacOS에 MongoDB 설치 하기 strapi 프로젝트 생성 yarn create strapi-app my-project 프로젝트 생성 시 아래와 같이 Custom 옵션을 선택한다. ? Choose your installation type Quickstart (recommended) ❯ Custom…
June 5, 2020
Nuxt + GraphQL + Strapi를 이용한 웹페이지 만들기 (2)
Restaurants 생성 앞서 만든 strapi를 이용해 레스토랑 리스트를 만든다. Content Type 생성 strapi의 좌측 메뉴에서 Content-Types Builder 클릭+ Create new collection type 클릭restaurant 라는 이름으로 collection type을 생성한다.text 필드 생성을…
June 5, 2020
Nuxt + GraphQL + Strapi를 이용한 웹페이지 만들기 (1)
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 #…
June 5, 2020