DTO - controller와 Service간의 데이터 전송 객체 - 특이점 : Setter가 있고(가변 객체) 비지니스 로직이 없음 VO - 순수한 객체클래스 - 특이점 : Setter가 없고(불변 객체) 비즈니스 로직을 생성할수있음 Entity (아직 헷갈림) - 특이점 : DTO와 비슷하지만 DB와 직접적으로 1:1 매핑되기때문에 DB정보와 일관성이 중요하기때문에 DTO와 나눠서 사용한다. 예를들어 화면에 DB에는 없는 컬럼을 추가해서 보내야하는 경우가 생기기때문에 나눠서 사용하게된다 Entity는 DB와 정보가 달라진다면 혼동을 줄수있기때문이다.

1. Dto,Vo,Entity 특징 정리 DTO,VO,Entity 특징 DTO - controller와 Service간의 데이터 전송 객체 - 특이점 : Setter가 있고(가변 객체) 비지니스 로직이 없음 VO - 순수한 객체클래스 - 특이점 : Setter가 없고(불변 객체) 비즈니스 로직을 생성할수있음 Ent usability-coding.tistory.com

npm i @syncfusion/ej2-react-lists@19.4.55 19.4.55 버전을 사용하겠습니다. 1. cmd 창에서 이 명령어를 실행해서 프로젝트에 install 받는다. npm install @syncfusion/ej2-react-lists --save 2. listView 컴포넌트를 아래 소스와 같이 import 시켜주고 선언한 App 아래에 return 안에 추가해준다. import * as React from 'react'; import { ListViewComponent } from '@syncfusion/ej2-react-lists'; import './App.css'; const App = () => { return ( //specifies the tag to render t..

syncfusion을 사용하다 보면 구동엔 문제없지만 자주 나오는 에러다. 나는 GridComponent를 사용할때 자주 발생을 하였다. 에러 이유는 Grid Mode가 batch 면 그리드가 조회되거나 렌더링될떄 getBatchChanges를 자체적으로 실행되면서 상태를 관리하는데 값이 없기때문에 에러가 나는거같다. 즉, getBatchChanges 는 그리드 모드가 batch일때 allowEditing 속성이 false면 에러 문구가 나온다. 해결 방안 : 1. allowEditing 속성 true 변경 : 사실 allowEditing이 false로 있었단건 수정을 하지않겠다는 말인데 수정하지 않으려면 2번방법을 사용해야할것이다. 2.mode를 Nomal로 변경 : GridComponent 는 Nom..

Date.parse(dateString) 는 날짜로 계산된 데이터를 시간데이터로 바꿔주는 메소드이다. highChart에서 X-range에 series data를 넣을때 현재 저장된 DB값을 넣었을때 실행이 안되서 들어가는 값의 형식을봤더니 날짜 포맷이아닌 시간형식으로 바뀌어 들어가는걸 알 수 있었다. 그래서 Date.parse()로 시간폼으로 바꿔주어 차트를 뿌려줄 수 있었다. Date.parse('YYYY-MM-DD HH:MM:SS') 형식으로 넣어주면 시간형식으로 바뀌어 이 형태로 x,x2에 넣어주면 차트가 뿌려지는걸 볼 수 있다.

시작전에 node.js와 (Visual Studio 또는 WebStorm)를 설치해주세요. 저는 WebStorm으로 진행하겠습니다. npm install @vue-cli // package.json에서 확인가능 npm vue --version // 으로 깔렸는지 확인 vue create first-project //vue project 완성 경로를 따라가면 폴더를 확인할수있습니다. 전 노드를 사용하기때문에 npm run serve 를 이용해 서버를 실행시키고 http://localhost:8080 으로 들어가보면 서버가 켜진걸 확인할 수 있습니다.