본문 바로가기

분류 전체보기231

Lombok 라이브러리 자주 사용되는 어노테이션 정리 Lombok 라이브러리 자주 사용되는 어노테이션 정리 코드를 작성할때 반복되는 코드들을 줄여주는 라이브러리이다. 도메인 객체나 Entity 와 같은 클래스를 만들때 수 많은 멤버변수들이 있고 상황에 맞게 getter와 setter, toString, 생성자 등을 만들 필요가 있는데 이러한 코드 중복을 롬복을 통해 간단한 어노테이션 선언만으로 사용할 수 있다. 코드상에서는 롬복 어노테이션만 보이지만 컴파일과정에서 선언한 어노테이션에 맞는 코드가 작성되어 컴파일이 된다. 이러한 점들로 인하여 생산성이 향상되며 가독성이 올라가게 된다. 이제 자주 사용되는 어노테이션을 정리한다. @Getter // @Setter 접근자와 설정자 생성. 선언된 필드에 getter와 setter를 자동 생성해준다. 사용법은 필드명.. 2021. 9. 11.
CS버전 & Web버전 장단점 정리 CS버전 & Web버전 장단점 정리 현재 CS버전 프로그램을 Web버전으로 변경하는 작업을 하고 있다. CS버전이 안좋아서라기보다 앞으로 사용될 환경 및 용도면에서 WEB버전이 주는 장점이 더 커서 WEB으로 변경하는 작업을 하고 있는 것이다. 이러한 과정에서 CS버전과 WEB버전의 장단점으로는 어떤게 있는지 정리한다. CS버전 CS버전이란 Client & Server 방식으로 만들어진 프로그램을 의마한다. 즉 Client로 부터 받은 요청을 Server가 처리하고 다시 Client에게 결과를 돌려주는 방식이다. Web버전이나 CS버전이나 둘 다 Client & Server방식으로 동작하지만 Web버전은 Client단에서 브라주어를 이용하여 OS에 종속되지 않는 시스템을 구성하고 서버에서는 웹서버를 통해.. 2021. 9. 9.
Base64와 base64 이미지 데이터 인코딩하여 사용하기 Base64와 base64 이미지 데이터 인코딩하여 사용하기 백단에서 넘겨주는 바이너리 데이터를 이용하여 앞단에서 이미지를 보여줘야하는 상황이 생겨 base64로 인코딩하여 이미지를 나타내는 방법을 정리한다. base64란? 바이너리 데이터를 텍스트로 변경하는 인코딩 방식중 하나이며 문자 코드에 영향을 받지 않는 공통 64개의 ASCII 영역의 문자들로 이루어진 문자열로 변경해준다. 인코딩 서버에서 바이너리 데이터를 base64로 인코딩하여 넘겨준다. return connection.request() .query(query) .then(result => { for(var i in result.recordset){ const bast64str= result.recordset[i].data.toString(.. 2021. 9. 7.
JavaScript - 10진수 -> 2진수, 8진수, 16진수 변환 JavaScript - 10진수 -> 2진수, 8진수, 16진수 변환 HEX값을 RGB 값으로 변경하는 과정에서 다른 진수도 정리해둔다. 자바스크립트에서는 Number 객체에 내장 함수인 toString() 함수와 전역 함수인 parseInt() 함수를 제공한다. - 10진수를 진수 변환할때는 Number객체의 내장 함수인 toString()을 사용 - 10진수 외의 다른 진수를 10진수로 변환할때는 전역 함수인 parseInt()을 사용 // 1. 10진수 -> 2진수 let 십진수 = 125; console.log(`1. 10진수(${십진수}) -> 2진수(${십진수.toString(2)})`); // 1111101 // 2. 10진수 -> 8진수 console.log(`2. 10진수(${십진수}) .. 2021. 9. 3.
js - click & dbclick 동시 사용 방법 js - click & dbclick 동시 사용 방법 이벤트를 적용하다보면 같은 대상에 클릭과 더블클릭 이벤트를 적용해야되는 일이 생긴다. 이때 $('#id').click 과 $('#id').dbclick 과 같이 이벤트를 따로 선언해서 사용하면 더블클릭 이벤트가 처리가 안된다. 해결방법은 on() 함수와 타이머관련 함수들을 이용하여 해결이 가능하다. Code 코드는 다음과 같다. 설명 먼저 클릭할 대상을 만든다. 제이쿼리를 이용하여 클릭 이벤트와 더블클릭 이벤트를 선언해준다. 클릭 이벤트 발생시 클릭카운트를 증가시켜 클릭 한번시 if문이 실행되며 setTimeout 함수를 통해서 Click 함수가 실행 후 다시 카운트를 0 으로 만든다. 더블클릭 이벤트 발생시 기존 더블클릭 이벤트는 preventDef.. 2021. 8. 26.
Node.js - Express 웹 서버 구성시 서버 자동 재시작을 도와주는 Nodemon Node.js - Express 웹 서버 구성시 서버 자동 재시작을 도와주는 Nodemon Node.js 환경에서 백엔드 작업시에 변경 사항이 있을때마다 적용을 해주려면 서버를 재시작해야하는 상황이 생긴다. 이때마다 명령어를 치는 것이 상당히 번거로워서 자동으로 재시작을 도와주는 것을 찾다보니 Nodemon 모듈을 알게됐다. 먼저 node.js 환경과 express 환경이 안갖춰지신분은 아래 글을 참고 바란다. https://sjparkk-dev1og.tistory.com/38?category=1025699 Node.js - Node.js & NPM Node.js - Node.js & NPM 정의 (Node.js 공식 사이트) Node.js®는 Chrome V8 JavaScript 엔진으로 빌드된 Jav.. 2021. 8. 22.

티스토리툴바