개발

[Springboot-Vue] 프로젝트 세팅하기

Backend는 Springboot, Frontend는 vue.js 를 사용하는 프로젝트의 세팅과 빌드 배포까지의 과정을 포스팅하려 한다. 오늘은 첫 번째로 Springboot 설치 및 Vue.js 설치까지 진행하겠다. Springboot Maven Vue-cli 생성뒤 Maven 라이브러리를 모두 불러오고 나서 pom.xml 에 다음과 같이 추가해 준다. 이제 vue-cli를 설치할 차례이다. 만약에 node.js가 설치되어 있지 않다면 설치를 하고 오길 바란다. 이로써 springboot 와 frontend 환경을 [Springboot-Vue] 프로젝트 세팅하기

단선도 제작기

2016년 여름 단선도 제작 프로그램을 웹으로 구현 하는 미션이 주어졌다. 그것도 ‘웹’으로 전선, 변압기 등을 추가/삭제 하고 지정하여 작성하고 저장이 가능해야 했다. 회의가 지속되는동안 머릿속에서 설계를 진행 했다. jquery-ui의 draggable 을 사용하여 HTML코드를 적절히 섞어 만들면 될거 같았다. HTML 커스텀 태그로 전선, 변압기, 종류별 센서, 차단기 등 태그를 각각 만들고 그 위치를 top, left CSS를 단선도 제작기

시놀로지 NAS Oracle XE 설치하기

시놀로지 NAS에 Oracle XE를 설치 하기 위해서는 Docker가 필요하다. Docker란 유닉스/리눅스상위에서 돌아가는 가상머신이다. 시놀로지 관리 화면에서 패키지 센터를 통해 Docker를 설치 하자 레지스트리에 oracle-xe 로 검색한다. 그 중 별이 가장 많은 wnameless/oracle-xe-11g 로 설치를 진행하도록 한다. (선택 후 다운로드 클릭) 이미지탭으로 이동하면 방금 다운로드한 wnameless/oracle-xe-11g 가 나타난다. 아직 이미지만 다운 받았고 실제 구동하기 위해서는 상단에 실행 버튼을 클릭해 진행한다. 컨테이너 이름을 시놀로지 NAS Oracle XE 설치하기