Develop 111

[JavaScript] 현재 날짜 구하기, 특정 날짜 생성, 날짜 포맷 변경, 날짜 계산

자바스크립트에서 날짜와 시간을 다루는 방법은 Date 객체를 사용하는 것이 일반적입니다. Date 객체는 현재 날짜와 시간을 가져오거나 특정 날짜를 생성하는 등 다양한 기능을 제공합니다. 이번 글에서는 날짜를 구하는 방법과 날짜 타입 변환에 대해 예제를 통해 알아보겠습니다.1. 자바스크립트에서 현재 날짜 구하기자바스크립트에서 Date 객체를 생성하면 기본적으로 현재 날짜와 시간을 나타내는 객체가 생성됩니다.const today = new Date();console.log(today); // 현재 날짜와 시간 출력 위 코드를 실행하면 2023-09-15T08:55:23.000Z와 같이 현재 날짜와 시간이 출력됩니다.특정 날짜 요소 추출하기날짜 객체에서 연도, 월, 일 등을 개별적으로 추출할 수 있습니다.c..

Develop 2024.10.30

Content Security Policy (CSP)란? 간단설명과 사용방법

Content Security Policy (CSP)란 무엇인가?**Content Security Policy(CSP)**는 웹 사이트가 실행할 수 있는 콘텐츠의 출처를 제한하여 악성 스크립트의 실행을 방지하는 보안 기능입니다. CSP는 브라우저에서 콘텐츠를 검사하고, 지정된 정책에 위반되는 콘텐츠를 차단함으로써 사이트의 보안을 강화합니다. 이로 인해 XSS(Cross-Site Scripting)와 같은 웹 기반 공격으로부터 사용자를 보호하는 데 효과적입니다.왜 CSP를 사용해야 하는가?웹 애플리케이션이 점점 복잡해짐에 따라 다양한 외부 리소스를 가져오는 경우가 많아지고 있습니다. 이러한 환경에서는 보안상의 취약점이 늘어날 가능성이 높습니다. CSP를 사용하면 다음과 같은 이유로 보안 강화에 큰 도움이 ..

Develop 2024.10.29

[Spring Framework] application.yml 파일에서 값 암호화

1. Jasypt란?Jasypt(Java Simplified Encryption)는 자바 애플리케이션에서 민감한 정보를 쉽게 암호화하고 복호화할 수 있는 라이브러리입니다. 이를 활용하여 Spring Framework의 application.yml 파일 내의 비밀번호와 같은 민감한 데이터를 안전하게 보호할 수 있습니다.2. 설정 단계Step 1. Jasypt 라이브러리 의존성 추가우선, Jasypt를 사용하기 위해 프로젝트에 해당 라이브러리를 추가해야 합니다. Maven 또는 Gradle 프로젝트에 따라 pom.xml 또는 build.gradle 파일에 다음과 같이 추가하세요.Maven: com.github.ulisesbocchio jasypt-spring-boot-starter 3.0.4..

Develop/JAVA 2024.10.28

[Java] Spring Security 에서 SameSite 설정방법 (PG사 결제 시 리턴 후 세션 끊김현상 해결)

1. Spring Security를 사용하는 방법Spring Security를 사용하는 경우 HttpSession의 쿠키 속성에 SameSite 옵션을 추가할 수 있습니다. SameSite 속성은 기본적으로 Strict, Lax, 또는 None으로 설정할 수 있습니다.Spring Security에서 SameSite 설정하기Spring Security의 CookieSerializer를 설정하여 SameSite 속성을 지정할 수 있습니다.import org.springframework.context.annotation.Bean;import org.springframework.security.config.annotation.web.builders.HttpSecurity;import org.springframe..

Develop/JAVA 2024.10.24

[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