총 7개의 글
챕터1. Node를 설치한다.Node.js 의 공식 홈페이지는 https://nodejs.org/ 다. 그냥 최신 버전을 설치하면 된다. 프로덕션용이라면 마지막 LTS버전을 사용하면 될 것.간단히 Node가 뭐냐면,비동기 이벤트 기반 JavaScript 런타임인 Node.js는 확장 가능한 네트워크 애플리케이션을 구축하도록 설계되었고, 더 쉽게 말하면 서버에 Node.js가 설치되어있고 우리는 Node.js를 이용하여 자바스크립트 언어로 프로그램을 만들어서 사용할 수 있다. 지금은 단순히 Vue로 프로젝트를 시작하려면 꼭 필요한...
타입스크립트로 코드를 만들다가 문제가 발생했다.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...
그냥 경험담, 푸념, 누가 풀어주면 좋을텐데
회사 프로젝트를 끝내고 오픈을 잘하고나서도 또 느끼는 점들이 있어서 남긴다.
vue 에서 css 파일을 임포트하기 위한 방법은 3가지가 있다.첫번째는 script 영역에서 임포트하는 방법이 있는데,<script> import '@/<path>/test.css' ... </script> 위와 같은 방법으로 임포트를 하게 되면, 모든 화면에서 test.css를 포함하게 된다. 글로벌로 적용된다는 얘기.두번째는 style 영역에서 임포트하는 방법이 있다.<style> @import '@/<path>/test.css'; ... </style> 이렇게...
Vue 3에서 체크박스의 기본 동작을 변경하려면, v-model 디렉티브와 함께 사용하는 computed 속성을 사용하여 체크박스의 값(checked)을 수동으로 조작할 수 있다.<template> <div> <input type="checkbox" v-model="myCheckbox"> </div> </template> <script> import { computed } from 'vue'; export default { name: 'MyComponent',...
vue3으로 전환하면서 <script setup> 관련한 오류(경고)가 발생했다.