Develop 117

[JavaScript] Date() 함수 설명과 사용방법 예제

JavaScript의 Date() 함수는 날짜와 시간을 다룰 수 있는 강력한 도구입니다. 이 함수는 현재 날짜와 시간을 가져오거나, 특정 날짜와 시간을 설정하고, 이를 다양한 형식으로 조작할 수 있게 해줍니다. 날짜 및 시간을 처리할 때, 자주 사용되는 함수 중 하나입니다.Date() 함수란?Date()는 JavaScript에서 기본적으로 제공하는 내장 객체로, 날짜와 시간을 나타냅니다. 이 객체는 현재 날짜와 시간을 가져오거나, 특정한 날짜와 시간을 계산하는 데 사용할 수 있습니다. 주로 시스템의 시간 정보를 기반으로 하기 때문에, 현재 시간을 기준으로 동작합니다.기본 사용법let now = new Date();console.log(now); 이 코드는 현재의 날짜와 시간을 Date 객체로 반환합니다...

Develop 2024.10.24

[jQuery] event preventDefault 설명과 사용방법 예제

event.preventDefault()는 주로 HTML 문서에서 폼 제출이나 링크 클릭 등의 기본 동작을 막기 위해 사용됩니다. 이는 이벤트가 발생했을 때, 해당 이벤트에 연결된 브라우저의 기본 동작(예: 폼 제출, 링크 이동 등)을 중지시킵니다. 이 함수는 특히 JavaScript와 jQuery에서 많이 사용되며, 사용자 정의 동작을 적용하거나 특정 조건에서만 기본 동작이 일어나도록 제어할 때 유용합니다.event.preventDefault()의 기본적인 역할HTML에서 링크를 클릭하면 기본적으로 해당 링크의 URL로 이동하거나, 폼을 제출하면 폼 데이터가 서버로 전송됩니다. 하지만 이와 같은 기본 동작을 방지해야 할 때가 있습니다. 예를 들어:링크 클릭 후 페이지가 새로고침되면 안 되는 경우폼 검증..

Develop 2024.10.23

[Thymeleaf] 조건문 switch-case 문법 사용방법

Thymeleaf는 서버사이드 템플릿 엔진으로, Spring Framework와 함께 많이 사용됩니다. Thymeleaf를 사용하면 서버에서 데이터를 받아 HTML 페이지를 동적으로 구성할 수 있습니다. 그 중에서 특정 조건에 따라 HTML의 일부를 다르게 보여줘야 하는 경우 switch-case 문법을 사용하여 간단하게 처리할 수 있습니다.이번 포스트에서는 Thymeleaf에서 switch-case 문법을 사용하는 방법을 예제를 통해 설명해 보겠습니다.1. switch-case 문법이란?switch-case는 여러 조건에 따라 다르게 처리할 때 사용하는 제어문입니다. 특정 값을 기준으로 각기 다른 처리를 할 수 있으며, Thymeleaf에서는 th:switch와 th:case 속성을 통해 이를 구현할 ..

Develop 2024.10.22

[PostgreSQL] 숫자를 금액단위 3자리마다 콤마로 변환하는 방법

PostgreSQL에서 숫자를 금액 단위로 표시할 때, 3자리마다 콤마(,)를 찍어 가독성을 높이는 것이 중요합니다. 예를 들어, 1000000이라는 숫자를 1,000,000처럼 변환하여 출력하면 금액을 쉽게 인식할 수 있습니다. 이번 포스트에서는 PostgreSQL에서 숫자를 3자리마다 콤마로 구분하여 문자열 타입으로 변환하는 방법을 예제를 통해 설명하겠습니다.1. to_char() 함수 소개PostgreSQL에서는 숫자 형식을 문자열로 변환할 때 주로 to_char() 함수를 사용합니다. 이 함수는 다양한 형식을 적용하여 숫자를 문자열로 변환할 수 있는데, 특히 금액 단위 표시에 유용합니다.to_char() 함수 구문to_char(number, '형식')number: 변환하려는 숫자.'형식': 숫자를..

Develop 2024.10.22

JavaScript와 jQuery를 사용해서 disabled 활성화, 비활성화 방법

1. disabled 속성이란?disabled 속성은 HTML 요소(주로 , , ,  등)에서 해당 요소를 비활성화할 때 사용됩니다. 비활성화된 요소는 사용자가 클릭하거나 데이터를 입력할 수 없으며, 스타일에 따라 시각적으로도 비활성화된 상태임을 나타냅니다.HTML 예시 위의 코드를 보면  요소는 disabled 속성으로 인해 비활성화되어 있습니다. 사용자는 이 입력 필드에 데이터를 입력할 수 없습니다.2. JavaScript로 disabled 속성 제어하기JavaScript를 사용하면 특정 이벤트나 조건에 따라 disabled 속성을 동적으로 제어할 수 있습니다. JavaScript에서는 disabled 속성을 true 또는 false로 설정하여 요소를 비활성화하거나 활성화할 수 있습니다.예제: Jav..

Develop 2024.10.22

[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