Beyond the Laziness

기존 시스템에서 신규 시스템으로 이전을 하기 위한 프로젝트나 시스템 운영을 하다보면, 꼭 나오는 부분이 대량의 데이터를 추출해서 이행하는 과정이 있습니다. 이번에 진행하는 프로젝트에서는 DB툴로 DBeaver를 신규로 주력으로 사용해보고 있는데요. 여기서 대량의 데이터를 추출하는 방법 부터 알아봤습니다. 저는 옛날(?)사람이기 때문에 가장 쉬운 엑셀파일은 다량의 데이터를 내릴 때 적절하지 못하다고 알고 있고, 이번에는 CSV 파일로 내려보는 과정을 진행해볼게요. 위 에디터에서 SQL을 작성하고 실행하면 아래에 데이터 그리드가 나타나게 되는데요. 데이터가 나타난 그리드에 마우스 우측 버튼을 클릭해줍니다. 그럼 아래와 같은 메뉴들이 나타나게 되는데요. 여기서 "데이터 추출" 메뉴를 선택해 줍니다. 그 다음 ..

안녕하세요? 오늘은 HTML 안에서 특수문자안의 특수문자들을 올바르고 명확하게 표현하기 위한 코드를 알아보겠습니다. 이렇게 알아보게된 배경은 아래와 같았습니다. 별도의 파일로 템플릿 스크립트를 저장해 놓고, ckeditor를 오픈하면 이를 불러와 HTML 템플릿을 뿌려주는 부분 이었는데요. 이 템플릿을 활용해 내용 까지도 잘 작성이 되는데, 여기의 내용을 getHtml 함수로 뽑아내어 DB에 저장하고 이를 전송하는데 내용에 font 쪽 스크립트가 "로 감싸져 있어서 "" 안에 ""가 들어가다 보니 파싱할 때 애러가 발생했습니다. 분명히 템플릿에 지정한 스크립트는 ' 따옴표였는데, 이를 getHtml로 뽑아내면 " 쌍따옴표가 되는 신기한 현상이 발생하더군요. 그래서 명확하게 지정하기 위해 HTML에서 특수..

기존 포스팅에서 vue.js 개발을 위해 필요한 개발환경 구성을 위한 "node.js 설치 / Visual Studio Code 설치 / Build 환경 구성 / 서버 기동" 등에 대해서 알아보았습니다. 그럼, 이번에는 실제 vue.js 프로그램 개발을 위해 수정해야 하는 메인 파일인 App.vue 파일의 내용을 수정하고 이를 build 해 정상적으로 개발한 내용이 적용되는지 확인해 볼게요. 지난 포스팅에서 생성한 C:\vue_test 프로젝트 폴더를 열어줍니다. 그러면 아래와 같이 팝업이 뜨는데요. 선택한 폴더의 파일과 제작자에 대해서 신뢰를 하는지 물어봅니다. 해당 경로에 있는 프로그램은 자동적으로 수행될 수 있으므로 신뢰여부를 물어보는데요. 당연히, "Yes, I trust the athors"를 ..

Vue.js를 통해 애플리케이션을 코딩해 프로그램을 만들기​ 위해서는 프로그래밍할 수 있는 코딩 개발툴을 설치해야 하는데요. 많이 사용되는 것이 바로 Microsoft 사의 Visual Studio Code 입니다. 비주얼 스튜디오 코드는 가벼워 쾌적한 개발환경을 제공하고 다양한 프로그래밍 언어를 사용할 수 있어 많은 사람들이 사용하고 있습니다. 그럼 실제 설치해보면서 과정을 남겨볼게요. 먼저 아래 사이트를 방문해 설치파일은 다운로드 받습니다. Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and ..

지난 포스팅 과정에서 node.js 설치와 Visual Studio Code를 설치해봤는데요. 이제 본격적으로 Vue.js 실습을 진행해 보려고 합니다. 1. 프로젝트 생성 먼저 샘플 코드 작성을 하기 위해서는, vue 프로젝트를 생성해야 합니다. 프로젝트를 생성하기 위해서는 프로젝트가 위치할 경로를 결정해야 하는데요. 이번에는 찾기 쉽게 C:\ 아래에 바로 프로젝트를 생성해보려고 합니다. 비주얼 스튜디오 코드에서 터미널 탭으로 이동하면 콘솔창에서 명령어를 수행 할 수 있는데요. 먼저 c:\ 이동하기 위해 아래 "cd c:\" 명령을 쳐줍니다. 그 다음 "npm create vue@latest" 를 쳐주면 아래와 같은 입력항목들이 나오는데요. 여기서 Project name은 "vue_test"로 작성하고..

최근 Vue.js를 통해 개발을 해보려고 공부를 하고 있습니다. 그러기 위해서는 환경을 구성해야 하는데요. 먼저 개발된 Vue.js 스크립트를 테스트하기 위한 서버와 빌드환경을 구성해야합니다. 그러기 위해서는 Node.js를 설치해야 합니다. Node.js 설치하기 아래 링크를 통해 Node.js를 다운로드 받아 설치를 진행해야 하는데요. Node.js — Download Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 본인 PC의 OS에 맞는 파일을 다운로드 해야하는데요. 현재 가장 최신의 LTS 버전은 20.11.1 입니다. 커다랗게 표시된 LTS란 Long Term Support 의 약어로 장기 지..

최근 AWS의 DB인 MySQL을 사용하고 있습니다. 주로 ORACLE만 사용하다 보니 오라클 문법이 너무 익숙하기도 하고, 처음 사용하는 MySQL DB이다 보니 자주 사용하는 날짜에 대한 처리방법조차도 잘 모르겠더군요. 그래서 오늘은 아주 자주 사용되는 날짜에 대한 처리 방법을 알아보겠습니다. 오늘? 먼저 "오늘" 일시를 나타내려면, SELECT NOW(); 를 사용하면 됩니다. HTML 삽입 미리보기할 수 없는 소스 몇 시간 전 or 후? 시간을 빼거나 더하려면, -- 1시간 빼기 SELECT DATE_SUB(NOW(), INTERVAL 1 HOUR); -- 1시간 더하기 SELECT DATE_ADD(NOW(), INTERVAL 1 HOUR); 위와 같이 사용하면 되며, 실제 수행 결과는 아래와 같..

최근 프로젝트 투입하면서 AWS 환경에서 시스템 구축을 진행하고 있습니다. 저는 보통 오라클 환경에서 TOAD와 Orange를 사용하고 있는데요, 이번 프로젝트에서는 AWS에서 제공하는 MySQL을 사용하고 있습니다. 여기서는 특이하게도 DBeaver라는 툴을 사용하고 있는데요. 무료 툴임에도 불구하고 왠만한 기능들은 다 지원되는 상당히 괜찮은 DBMS 툴이더군요. 그래서 설치하는 과정과 로그인하는 과정을 남겨봅니다. 다운로드 및 설치 먼저, 아래 링크사이트에서 DBeaver를 다운로드 받습니다. Download | DBeaver Community Download DBeaver Community 23.2.4 Released on November 6th 2023 (Milestones). It is free..

오늘은 오라클에서 TO_CHAR를 통해 DATE 타입을 표시하는 방법에 대해서 한번 알아보겠습니다. 먼저 가장 간단한 24시간 표기 방식입니다. 24시간 표기를 위해서 HH24MISS를 붙여주면 아래와 같이 24시간 형식으로 표기가 됩니다. [SQL] SELECT TO_CHAR(SYSDATE,'YYYYMMDD HH24MISS') FROM DUAL ; [수행결과] 다음은 24시간 표기방식이지만, 사람이 알아보기 편하게 포맷팅을 한 내용의 결과입니다. 중간중간 표기를 할 문자를 추가적으로 표기하면 아래와 같이 포맷팅이 됩니다. [SQL] SELECT TO_CHAR(SYSDATE,'YYYY/MM/DD HH24:MI:SS') FROM DUAL ; [수행결과] 그럼 이번에는 24시간이라는 표현을 없애면 어떻게 될..

IT를 하는 사람이라면 Batch job에 대해서 고민이 많습니다. Shell scripts로 작성해서 배치를 수행하는 방법도 있고, Java로 구성해서 WAS를 통해서 배치를 수행하는 방법들을 많이 사용하고 있습니다. 인프라 구성에 따라 다르겠지만, 만약 다른 원격지의 데이터소스(Datasource)를 바라보지 않는 내부 데이터를 활용해 집계하는 Batch의 경우, 굳이 WAS를 통해 Batch job을 구성하는 것은 오히려 비효율적일 수 있지요. 원격지의 데이터를 가져올 필요가 없음에도 불구하고 WAS가 죽어서 Batch가 수행되지 않으면 난감한 상황들이 많이 발생하기 때문이죠. 생각보다 DB보다 WAS들에 배포 등 작업이 많기 때문에 더더욱 그런 환경이기도 하구요. 쉘스크립트(Shell Script..