Develop 162

[JavaScript] Cookie 쿠키를 저장하고 불러오는 방법

1. 쿠키란?쿠키는 클라이언트(사용자 브라우저) 측에 저장되는 작은 데이터 조각입니다. 서버에서 클라이언트로 전송되며, 클라이언트는 이 데이터를 저장한 후 동일한 도메인에 요청을 보낼 때마다 쿠키를 함께 전송합니다.쿠키의 기본 특징이름과 값의 쌍으로 이루어져 있습니다.유효기간을 설정할 수 있습니다.도메인과 경로에 따라 다르게 저장할 수 있습니다.보안이 중요한 데이터는 HTTPOnly 및 Secure 플래그를 설정할 수 있습니다.2. JavaScript로 쿠키 저장하기JavaScript에서 쿠키를 저장하려면 document.cookie 속성을 사용합니다. 쿠키는 단순한 문자열 형식으로 저장되며, 기본적으로 다음과 같은 형식을 따릅니다:document.cookie = "name=value; expires=날..

Develop 2024.10.22

[PostgreSQL] 여러행을 한줄로 조회 Row to Column

PostgreSQL에서 여러 행의 값을 특정 구분자를 넣어 한 줄로 출력하는 방법은 다양한 상황에서 유용하게 사용될 수 있습니다. 예를 들어, 여러 열 값을 하나의 문자열로 결합하거나, 특정 그룹에 대한 데이터를 한 줄로 표현할 때 사용됩니다. 이를 가능하게 하는 대표적인 함수가 STRING_AGG() 함수입니다.이번 글에서는 PostgreSQL에서 행 데이터를 구분자를 이용해 한 줄로 표현하는 방법에 대해 알아보겠습니다.1. STRING_AGG() 함수란?STRING_AGG() 함수는 PostgreSQL에서 문자열 집합을 구분자로 연결하여 하나의 문자열로 결합해주는 집계 함수입니다. 이 함수는 주로 여러 행을 하나의 문자열로 변환할 때 사용됩니다. 특정 컬럼의 값을 원하는 구분자(쉼표, 공백 등)를 넣..

Develop 2024.10.21

[Java] BigDecimal 나누기 소수점 올림, 버림, 반올림 사용방법

BigDecimal의 필요성float 또는 double 타입은 부동소수점 방식을 사용하기 때문에, 소수점 연산 시 오차가 발생할 수 있습니다. 이를 해결하기 위해 BigDecimal은 고정 소수점 연산을 제공하며, 소수점 이하 자릿수의 처리를 정확하게 제어할 수 있는 기능을 제공합니다.특히 BigDecimal로 나눗셈을 할 때, 소수점 처리를 어떻게 할 것인지에 대한 설정을 해야 합니다. 이때 사용할 수 있는 방식은 올림, 버림, 반올림입니다.1. 기본적인 BigDecimal 나눗셈BigDecimal의 divide() 메소드는 두 숫자를 나눌 때 소수점 처리 방식을 선택할 수 있습니다. RoundingMode를 이용하여 나눗셈 결과의 소수점 처리를 정의할 수 있습니다.import java.math.Big..

Develop/JAVA 2024.10.21

[JavaScript] 소수점 올림, 버림, 반올림 사용방법

1. 소수점 올림 (Math.ceil)Math.ceil() 함수는 소수점을 기준으로 숫자를 올림 처리합니다. 즉, 소수점 이하가 존재하면 무조건 큰 수로 올립니다.예제let number1 = 4.2;let number2 = -4.2;let ceil1 = Math.ceil(number1); // 5let ceil2 = Math.ceil(number2); // -4console.log(`4.2의 올림: ${ceil1}`); // 결과: 5console.log(`-4.2의 올림: ${ceil2}`); // 결과: -4 결과:4.2는 올림하면 5-4.2는 올림하면 -4 (음수일 때는 작은 쪽으로 이동)설명Math.ceil()은 소수점 이하가 0.1이라도 존재하면 무조건 큰 값으로 올립니다.음수일 경우에는 절대값..

Develop 2024.10.21

[JavaScript] URL 인코딩과 디코딩 쉽고 간단하게 적용

URL 인코딩과 디코딩은 웹 개발에서 자주 사용되는 기능입니다. URL 내에서 사용되는 문자들은 특정 규칙에 따라 인코딩되며, 이는 웹 브라우저가 URL을 제대로 해석하기 위해 필요합니다. 예를 들어, 공백은 %20으로 인코딩되고, 일부 특수 문자는 특정한 방식으로 변환됩니다. JavaScript에서 이러한 작업을 수행하는 방법을 아래와 같이 설명하겠습니다.URL 인코딩/디코딩이 필요한 이유URL에 포함될 수 없는 특수 문자나 공백을 안전하게 전달하기 위해서, URL 인코딩을 사용합니다. 예를 들어, 공백, #, ? 같은 문자들은 URL 내에서 문제를 일으킬 수 있으므로 인코딩이 필요합니다.인코딩: URL 내의 특정 문자를 안전한 형식으로 변환디코딩: 인코딩된 URL을 원래의 문자열로 변환JavaScri..

Develop 2024.10.17

[jQuery] 드래그 금지, 우클릭 금지, 전체 선택 금지 - 간단 방법

웹 페이지에서 중요한 텍스트나 이미지가 있는 경우, 사용자가 드래그하거나, 우클릭을 통해 콘텐츠를 복사하는 것을 막고 싶은 상황이 있을 수 있습니다. jQuery를 사용하면 손쉽게 드래그 금지, 우클릭 금지, 전체 선택 금지와 같은 기능을 구현할 수 있습니다. 1. 드래그 금지드래그 금지는 사용자가 특정 요소나 페이지에서 텍스트나 이미지를 마우스로 드래그하는 것을 방지하는 기능입니다. 이 기능은 주로 이미지나 중요한 텍스트를 복사하지 못하게 할 때 사용됩니다.1.1 예제드래그 금지 예제이 텍스트는 드래그할 수 없습니다. 1.2 설명dragstart 이벤트는 사용자가 요소를 드래그할 때 발생하는 이벤트입니다.**e.preventDefault()**는 기본 동작을 막기 위해 사용되며, 이 코드로 인해 사용자..

Develop 2024.10.16

[Java Javascript] HMAC-SHA256 암호화와 복호화 개념과 예제

HMAC-SHA256은 Hash-based Message Authentication Code (HMAC) 방식과 SHA-256 해시 알고리즘을 결합한 암호화 방식입니다. 주로 데이터 무결성과 인증을 보장하기 위해 사용되며, 예를 들어 메시지가 전송되는 동안 변경되지 않았음을 증명하는 데 유용합니다. HMAC-SHA256은 양방향 암호화가 아닌 해시 함수를 사용하므로 복호화가 불가능합니다. 대신, 동일한 키를 사용해 동일한 입력값에 대해 동일한 해시 값을 얻을 수 있습니다.이번 포스팅에서는 HMAC-SHA256에 대한 개념 설명과 JavaScript 및 Java 에서 암호화 예제를 통해 사용 방법을 알아보겠습니다.1. HMAC-SHA256이란?HMAC은 비밀 키를 사용하여 메시지의 무결성을 검증하는 해시 ..

Develop 2024.10.16

[JavaScript] 변수선언 var, let, const 스코프의 종류 그리고 클로저(Closure)의 개념

JavaScript에서 가장 중요한 문법 중 하나로 변수 선언과 **스코프(Scope)**에 대해 깊이 알아보는 시간을 갖겠습니다. 이 두 가지 개념은 JavaScript에서 코드를 작성할 때 매우 중요한 부분을 차지합니다. 특히, 변수 선언 방식과 스코프의 차이점을 잘 이해해야 의도치 않은 버그를 방지할 수 있습니다. 이번 글에서는 **변수 선언(var, let, const)**과 스코프의 종류, 그리고 **클로저(Closure)**의 개념까지 살펴보고, 각각의 특성을 코드 예제와 함께 자세히 설명하겠습니다. 1. 변수 선언: var, let, constJavaScript에서 변수를 선언할 때 사용하는 키워드는 var, let, **const**가 있습니다. 이들은 서로 다른 동작 방식을 가지고 있어 ..

Develop 2024.10.16

[Spring Boot] application.yml 변수 Java Static 변수에서 사용하는 방법

Spring Boot 애플리케이션에서 application.yml에 정의된 설정 값을 Java의 static 변수에서 사용하는 방법은 일반적으로 직접적인 주입이 불가능합니다. Spring의 의존성 주입은 인스턴스 수준에서 이루어지기 때문에, static 변수에는 값을 할당하는 방법을 조금 더 고려해야 합니다.  1. application.yml 파일에 변수 정의하기먼저, Spring Boot 애플리케이션의 application.yml 파일에 값을 정의해 보겠습니다.# application.ymlapp: config: name: MySpringApp version: 1.0 위에서 app.config.name과 app.config.version 두 개의 설정 값을 정의하였습니다. 2. 설정 값을..

Develop/JAVA 2024.10.15

[JavaScript] 현재 웹페이지의 URL을 가져오는 방법

웹 애플리케이션이나 웹사이트에서 종종 현재 페이지의 URL을 동적으로 처리하거나 분석할 필요가 있을 때가 있습니다. JavaScript는 이를 위한 간단하고 유용한 방법들을 제공합니다. 특히 window.location 객체를 사용하여 URL 정보를 쉽게 가져올 수 있습니다.  1. window.location 객체란?window.location 객체는 현재 웹 페이지의 URL을 관리하는 객체로, 이 객체를 통해 현재 페이지의 URL 정보를 가져오거나, URL을 변경할 수도 있습니다. 이 객체는 웹 페이지와 관련된 다양한 속성을 제공하며, 페이지의 전체 URL뿐만 아니라 그 구성 요소들도 쉽게 접근할 수 있습니다.주요 속성들:window.location.href: 전체 URL 문자열을 반환합니다.wind..

Develop 2024.10.12