Vue3

A collection of 7 posts
Vue3 로 빠르게 프론트 웹 개발을 시작한다
Vue3

Vue3 로 빠르게 프론트 웹 개발을 시작한다

챕터1. Node를 설치한다. Node.js 의 공식 홈페이지는 https://nodejs.org/ 다. 그냥 최신 버전을 설치하면 된다. 프로덕션용이라면 마지막 LTS버전을 사용하면 될 것. 간단히 Node가 뭐냐면, 비동기 이벤트 기반 JavaScript 런타임인 Node.js는 확장 가능한 네트워크 애플리케이션을 구축하도록 설계되었고, 더 쉽게 말하면 서버에 Node.js가 설치되어있고 우리는 Node.js를 이용하여
4 min read
Typescript 오버로드 문제해결
Vue3

Typescript 오버로드 문제해결

타입스크립트로 코드를 만들다가 문제가 발생했다. const serviceCodes = computed(() => { if(!props.rentcar) return []; if(!props.rentcar.srvcCodes) return []; const result = props.rentcar.srvcCodes.reduce((acc, currentValue) => { const values = currentValue.split(',').filter(Boolean); // 콤마로 분리하고 빈 문자열 제거 return acc.concat(values); // 결과 배열에 값 추가 }, []); return result; }) 위 코드에서
1 min read
Vue3에서 CSS파일 임포트
Vue

Vue3에서 CSS파일 임포트

vue 에서 css 파일을 임포트하기 위한 방법은 3가지가 있다. 첫번째는 script 영역에서 임포트하는 방법이 있는데, 위와 같은 방법으로 임포트를 하게 되면, 모든 화면에서 test.css를 포함하게 된다. 글로벌로 적용된다는 얘기. 두번째는 style 영역에서 임포트하는 방법이 있다. 이렇게 임포트하면 첫번째와 마찬가지로 글로벌로 적용된다.
1 min read
vue3 로 코드를 작성할 때, 체크박스를 원래의 기능과 다르게 작성하는 법
Vue3

vue3 로 코드를 작성할 때, 체크박스를 원래의 기능과 다르게 작성하는 법

Vue 3에서 체크박스의 기본 동작을 변경하려면, v-model 디렉티브와 함께 사용하는 computed 속성을 사용하여 체크박스의 값(checked)을 수동으로 조작할 수 있다.
1 min read