# vue
vue, Proxy를 이용한 Router페이지 API CORS 우회
메인페이지에서 cors를 우회하여 open api 에서 데이터를 받아오고 신이났지만 router를 이용해 넘어간 다음 페이지에서 404 에러가 날 맞이해주고 있었다.본능적으로 vue.config.js 에 입력한 proxy가 잘못된 것 같은걸 느꼈지만 console을 찍
Vuex
Vue.js Application에 대한 상태관리 패턴 + 라이브러리 Application의 모든 컴포넌트들의 중앙 저장소 역할을 한다. (데이터 관리)부모, 자식의 단계가 많이 복잡해진다면 데이터의 전달하는 부분이 매우 복잡해진다Application이 여러 구성요소로
Vue.js
SPA(Single Page Application)을 지원해주는 자바스크립트 프레임워크Evan You에 의해 2014년도 발표Single Page Application (단일 페이지 애플리케이션)단일 페이지로 구성되며 서버로부터 최초에만 페이지를 다운로드하고, 이후에는
vue, Proxy를 이용한 CORS 우회
사이드 프로젝트로 쇼핑몰의 껍데기만 만들어 보던중 상품이 없기에는 허전하고 하나하나 만들기는 거의 불가능 하니 쇼핑몰 API를 이용하여 상품정보를 받아오기로 했다.이전 프로젝트를 할때 주소 조회를 해줄 Open API를 사용하려다가 CORS문제를 해결하지 못하고 결국
[VUE.js] vue 게시판 만들기(2)
✅ vue router 데이터 종류 vue router로 데이터를 전달할 때 두가지 있다. query JSON 형태이며 query string 형태로 전달되는 파라미터 $router.query로 접근 query string url 뒤에 붙는 키와 값으로 구성된 파라미터들을 의미. 서버에 추가적인 정보를 전달할 수 있다. 쿼리 스트링으로 값을 전달하고 싶을...
Vuex Core Concept
중앙에서 관리하는 모든 상태 정보Vuex는 single state tree를 사용즉, 이 단일 객체는 모든 애플리케이션 상태를 포함하는 "원본 소스(single source of truth)"의 역할을 함이는 각 애플리케이션마다 하나의 저장소만 갖게 된다는 것을 의미함
Vuex
"Statement managemetn pattern + Library" for vue.js상태 관리 패턴 + 라이브러리상태(state)를 전역 저장소로 관리할 수 있도록 지원하는 라이브러리상태가 예측 가능한 방식으로만 변경될 수 있도록 보장하는 규칙 설정애플리케이션의
Vue Router
"Vue.js 공식 라우터"라우트(route)에 컴포넌트를 매핑한 후, 어떤 주소를 렌더링할 지 알려줌SPA 상에서 라이퉁을 쉽게 개발할 수 있는 기능을 제공router위치에 대한 최적의 경로를 지정하며, 이 경로를 따라 데이터를 다음 장치로 전향시키는 장치프로젝트 생
Vue Pass Props & Emit Events
Vue app은 자연스롭게 중첩된 컴포넌트 트리로 구성됨컴포넌트간 부모-자식 관계가 구성되며 이들 사이에 필연적으로 의사소통이 필요함부모는 자식에게 데이터를 전달(Pass Props)하며, 자식은 자신에게 일어난 일을 부모에게 알림(Emit event)부모와 자식이 명
Nuxt.JS는 무엇인가? 왜 배워야 하는가에 관하여
현재 Nuxt.js를 사용해서 근무를 하고있습니다.원래 첫 회사에서도 Vue.js를 사용했기 때문에 Nuxt.js는 익숙한 구조와 문법 등 Vue.js 기반으로 제공되는 프레임워크이기 때문에좀 더 공부한다면 익숙하게 사용할 수 있을 것 같습니다.Nuxt는 Vue.js로
VueJS vue-cli 없이 설치하기
1.📦 기본 패키지 구성 npm init -y 을 통해 기본 npm 개발 환경 생성. 아래 명령어를 통해 vue 관련 패키지 설치 그외 웹팩, 바벨과 vue파일을 컴파일링하고 번들링하는 패키지는 개발의존성에만 포함을 시켜서 설치 >npm i vue npm i -
