[Springboot-Vue] Back-end 설정하기

앞서 우리는 backend는 springboot frontend는 vue.js로 설정하기 위하려 설치과정을 실행하였다. 이 환경에서 개발할때에는 backend 서버를 켜놓고, vue.js 개발용 서버를 켜서, 두 가지의 서버를 사용하여 개발을 한다. 그렇기 위해서는 backend 서버를 기본포트인 8080포트에서 8081포트로 변경하고, frontend에서는 proxy를 이용하여 frontend서버를 통하여 backend서버를 호출하도록 하여 CORS이슈를 최소화 하기위하여 설정하도록 하겠다. 그리고 추후에 개발환경과 서버에 배포할 환경을 만들기 위해 [Springboot-Vue] Back-end 설정하기

[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] 프로젝트 세팅하기

이노스 65인치 TV 리뷰

TV를 사게된 계기 TV를 부셔버렸다. LG의 SK9000 165만원 상당의 TV를 그놈의 로컬 작업한다고 몇 번 들었더니 화면이 깨지더라. 찾아보니 TV무게도 늘었고 액정이 커지고 해서 잘못들었다간 파손되기 쉽다고. 결국 어쩌겠는가 새로 사야하는데 또 사자니 부담되고.. UHD 65″ HDR 4:4:4 내가 원하는 스펙이었다. 다나와기준 이런스펙을 가진 TV는 S전자 L전자 여럿 중소기업들 TV였다. 그 중 OLED는 번인이슈와 가격때문에 이노스 65인치 TV 리뷰

단선도 제작기

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 설치하기