본문 바로가기

vue2

Vue.js 에서 DHTMLX Gantt 사용하기. 1. 서론. 관련 자료를 한참 찾아봤는데, 제대로 된 자료가 없고, dhtmlx 에서도 잘못된 정보가 많아 헤딩한 결과를 아래와 같이 기록함. 2. Vue.js 환경에서 dhtmlx gantt 사용하기. - app 을 구동하지 않은 상태에서 새 터미널 열기. - 새 터미널에서 아래 명령어 실행. npm install dhtmlx-gantt + 만약 라이센스를 구입하여 Pro 버전 패키지를 다운받을 수 있을 경우 - Pro 버전 패키지 다운로드. - 솔루션 내 해당 패키지를 추가. (원본을 지울 경우 오류 발생하여 어쩔 수 없이 솔루션 내 폴더를 생성하여 관리 중) - 터미널에서 아래 구문 실행. npm install ./패키지복사한경로 - /src/componts/Gantt.vue 생성 후 아래 내용 붙.. 2021. 12. 1.
Vue.js 개발 시 VSCode 의 유용한 Extentions - Auto Import : Import 를 편하게 해줌. - Auto Close Tag : html 태그 자동 닫아주기. - Auto Rename Tag : html 태그 변경 시 자동으로 앞뒤 같이 변경해주기. - Bracket Pair Colorizer : 괄호 색상을 짝에 맞게 표시. - Code Spell Checker : 스펠링 틀린 것 경고 표시. - Color Highlight : 색상 기입 시 테두리로 표시 - Color Picker : 색상을 GUI 로 선택 가능. - Css Peek : css 추적 기능. - EditorConfig for VS Code : .editcofing를 적용할 수 있는 익스텐션(예시:확장자별 탭사이즈 조절) - ENV : env 파일 깔끔하게 보기. - ES.. 2021. 11. 3.