# vuejs
[vue3] api와 런타입 타입 체크 : io-ts
io-ts를 이용하여 api 결과 리턴값에 대해 타입을 체크 해 주는 코덱을 설정한다. 타입스크립트는 컴파일 타임에서만 타입 체크가 가능하기 때문에 이런 런타임 타입체커가 도움이 된다. 라이브러리 : io-tshttps://www.npmjs.com/packag
[vue3] pinia -- 새로운 상태관리
타입스크립트 + composition api꼴의 정의 형태 ==> 멋지다 ^^출처 ::https://pinia.vuejs.org/introduction.htmlhttps://velog.io/@eggplantiny/Pinia-Vuex-%EB%A5%BC-
VueJS Vuex
Vuex Vue.js application에 대한 상태관리패턴 + 라이브러리 (공식 페이지 참조 : https://vuex.vuejs.org/kr) application 모든 component들의 중앙 저장소 역할 (데이터 관리) 상위(부모) 하위(자식)의 단계가 많이 복잡해진다면 데이터의 전달하는 부분이 매우 복잡해 짐. application이 여러 구...
VueJS vue-cli 없이 설치하기
1.📦 기본 패키지 구성 npm init -y 을 통해 기본 npm 개발 환경 생성. 아래 명령어를 통해 vue 관련 패키지 설치 그외 웹팩, 바벨과 vue파일을 컴파일링하고 번들링하는 패키지는 개발의존성에만 포함을 시켜서 설치 >npm i vue npm i -
VueJS Axios, Vue-router
Axios HTTP 통신 : axios Vue에서 권고하는 HTTP 통신 라이브러리는 Axios이다. Promise 기반의 HTTP 통신 라이브러리이며 상대적으로 다른 HTTP 통신 라이브러리들에 비해 문서화가 잘 되어있고, API가 다양하다. axios.get(URL
VueJS CSS, Event, Component
Vue Instance 속성 Vue method Vue Instance는 생성과 관련된 data 및 method의 정의 가능. method 안에서 data를 "this.데이터명"으로 접근 가능. test17 test18 Vue filter 뷰의 필터는 화면에 표시되는 텍스트의 형식을 쉽게 변환해주는 기능 filter를 이용하여 표현식에 새로운 결과 ...
[vue3] vue script setup
더 간결한 문법을 제공한다. 괜찮은 듯.출처 : https://blog.rhostem.com/posts/2021-09-17-vue-3-script-setup
VueJS
Evan You에 의해 만들어 짐.사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 Progressive Framework.접근성유연성고성능Model + View + ViewModel.Model : 순수 자바스크립트 객체.View : 웹페이지의 DOM.ViewMode
[Vuejs] request header field User-Agent is not allowed by Access-Control-Allow-Headers
request header field User-Agent is not allowed by Access-Control-Allow-Headers=> http 요청 헤더 속성 User-Agent는 접근=> IOS (Safari) Script Error 발생=> AOS (Ch
[Vuejs] SyntaxError: Unexpected token ';'. Expected ')' to end an argument list.
SyntaxError: Unexpected token ';'. Expected ')' to end an argument list.=> 문자열 마지막에 ')' 를 기대했지만, ';' 세미콜론이 출력되었다.응답 String 데이터 내 Script Error 유발 가능 문자
[Vuejs] axios header Cookie 설정
mobile web 개발 환경axios를 통한 다른 도메인 서버 API 호출로그인 처리가 필요한 API 호출domain에 대한 Cookie 정보는 Native에서 관리damain 개발계 외부망(LTE) 방화벽 확인 완료Cookie : 대외 플랫폼 로그인 처리를 위한 S
[axios] post, get, delete에 객체 전달하기
DELETE 요청의 두 번째 인자에 data: {} atrribute를 넣어주면 된다.Axios - delete 요청 시 body에 데이터 넣는 법출처 : https://velog.io/@bigbrothershin/Axios-delete-%EC%9A%94%EC
vuex에서 여러개의 스토어 사용시 unknown getters
예를 들어 demoStore.js와 store.js를 모두 스토어로 사용한다고 하자. 그러면 각각의 export 함수 내에 namespaced: true를 지정해 주어야 한다.그리고 사용할 때는 그 네임스페이스를 명시해 주어야 한다.그렇게 하지 않으면 module na
spring boot + vue.js 환경 구성하기
나는 원래 프론트엔드 개발자이다. 정확히 말하면 안드로이드 앱 개발자로 일하고 있다.그러다 기회가 생겨 웹 개발을 잠시하게 되었는데 spring boot안에 vue.js를 함께 쓰는 아키텍처로 구성이 된 프로젝트였다.프리랜서에 도움이 받아 개발을 진행하게 되었는데 그때
개발 6개월차 비전공자 , 풀스택 개인블로그 제작기
개발을 시작한지 6개월정도의 시간이 흘렀으나 나의 깃허브에는 배포까지 끝마친 프로젝트가 존재하지 않았다. 큰마음먹고 이번엔 무조건 배포까지 해내겠노라 생각하며 개인블로그 개발에 착수하게된다.개발자스러운 느낌의 블로그를 제작하고 싶다는 생각을 했따.이런저런 웹사이트들을