처음에 어떻게 넣을지 곤란했지만 구글링..이 답. headers = [ { text: "순번", align: "start", sortable: false, value: "number", }, 데이터가 이런식이라면 버튼을 넣고자 하는 데이터 위치에 { text: "", value: "action" } 를 넣어준다. (value값은 원하는대로 작명해도된다.) 그리고 데이터 테이블 태그안에 template v-slot:item.action={"item"} 요런식으로 넣고 버튼 넣으면 끝!! 수정 참고링크 https://www.appsloveworld.com/vuejs/100/89/in-vuetify-how-to-add-a-button-into-each-row-in-v-data-table

보통 세자리마다 숫자에 콤마가 찍히는데 함수짜기 까다로울 경우가 있다.. https://www.npmjs.com/package/vue-comma-formatted-number?activeTab=readme vue-comma-formatted-number vue-comma-formatted-number ======================. Latest version: 1.0.0, last published: 4 years ago. Start using vue-comma-formatted-number in your project by running `npm i vue-comma-formatted-number`. There are no other projects in the npm registry usi..

oninput="if(this.value  value가 0보다 작으면 0으로 설정하게 하는 것이다.  참고한 링크 https://stackoverflow.com/questions/62932508/how-can-i-set-my-v-text-field-to-not-show-negative-numbers

날짜만 캘린더 형태로 나타난다면 필요없겠지만, date와 시간도 나와야하는 상황이라 datetimepicker를 설치하여 import 해왔다. 근데, Could not find a declaration file for module 'vue-xxx' 발생 import datetime from 'vuejs-datetimepicker'; @Component({ components: { datetime } }) 코드도 문제가 없지만 찾아보니 tsconfig.json을 수정하면된다. "noImplicitAny": false, "allowJs": true, 추가해주면!! 오류없이 잘된다. 참고 링크 https://stackoverflow.com/questions/49258849/could-not-find-a-dec..

1) JSX란? JavaScript를 확장한 문법으로, HTML과 유사한 문법으로 element을 생성할수 있다. 사용하기 위해서는 Babel을 필수적으로 설치해야한다.

1) React JS란? html과 js코드를 상호작용할수 있게 만들어주는 라이브러리 (엔진을 생각하면 쉽다.) 2) React-dom이란? React 코드들을 HTML body에 둘 수 있도록 해주는 패키지 3) ReactDOM.render() React element를 가지고 HTML로 만들어 배치하는 것이다. (=사용자에게 보여준다) 4) ReactDOM.render() 사용법 ReactDOM.render(span, span이 가야할 위치) body에 id=“root” 만들어서 span을 root 안에 두라고 함 5) React.createElement 사용법 React.createElement("span", {span의 property}, “span의 내용”) {span의 property} 에서 ..