전체 글 304

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

[2024.10.22 화요일] 매일경제 지면신문 헤드라인 요약

인텔, 삼성에 '파운드리 동맹' 타진인텔의 삼성전자 동맹 제안 내용은인텔은 삼성전자에 "파운드리 동맹"을 제안한 것으로 확인되었어요.대만 TSMC의 독점이 심화되면서, 인텔과 삼성전자가 협업하여 경쟁력을 강화하려 한다고 하죠.21일 반도체 업계에 따르면, 인텔의 고위 인사가 삼성전자에 최고위 경영진 면담을 요청했어요.인텔의 팻 겔싱어 CEO가 이재용 삼성전자 회장에게 직접 협업 방안을 논의하고 싶다고 전했죠..인텔과 삼성의 파운드리 경쟁은인텔은 2021년 인텔파운드리서비스(IFS)를 설립했지만, 시스코, AWS와 계약 외에는 많은 고객을 유치하지 못했어요.삼성전자는 2017년 파운드리 사업부를 시작했으나 TSMC와의 격차 해소에는 실패했죠.지난 2분기 기준, 파운드리 시장 점유율에서 TSMC가 62.3%..

신문/매경신문 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

[2024.10.21 월요일] 매일경제 지면신문 헤드라인 요약

[단독] 짓겠다더니…1만6천가구 공급 불발서울 아파트 공급 계획에 무슨 변화가정부가 약속했던 서울 아파트 공급 계획에서 1만6000가구가 사라졌어요.이로 인해 주택 공급 계획의 신뢰도가 저하되고 있죠.그러므로, 이러한 변화는 서울 집값 상승과 시장의 불안을 부추길 수 있어요.결국, 정부의 불안정한 정책이 새로운 사회적 갈등을 유발할 여지가 있답니다..서울 아파트 공급 계획 축소 이유는정부의 주택 공급 계획이 축소되면서 집값 상승을 부추길 수 있어 우려된다고 해요.2020년 발표된 서울 공공택지 11만8000가구 공급 계획 중 1만6000가구가 추진 중단되거나 연기되었죠.노원구 태릉골프장은 주민 반대로 1만 가구 공급 계획이 사실상 무산되었고, 용산 정비창 용지는 6000가구로 축소되었어요.용산 캠프킴과 ..

신문/매경신문 2024.10.21

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

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

Develop 2024.10.17

[2024.10.17 목요일] 매일경제 지면신문 헤드라인 요약

ASML 쇼크…반도체 경기 '먹구름'ASML 매출 감소의 주요 원인은ASML은 내년 매출을 300억 유로로 예상했어요, 이는 시장 전망치 358억 유로에 미치지 못하죠.3분기 신규 수주가 예상치 56억 유로의 절반인 26억 유로에 그쳤어요.이는 전 세계 반도체 기업의 신규 설비 투자 감소를 의미하죠.크리스토프 푸케 CEO는 시장 회복이 예상보다 느리며, 고객들이 신중한 태도를 보인다고 밝혔어요.인텔과 삼성전자의 투자 연기와, AI를 제외한 스마트폰 및 컴퓨터 수요 부진이 이어지고 있죠.ASML의 중국 매출 비중은 직전 분기 49%에서 내년에 20%로 낮아질 것으로 보인답니다.뉴욕증시에서 ASML 주가는 16.26% 하락하며, 1998년 이후 가장 큰 폭의 하락을 기록했다고 해요..주요 반도체 기업의 주가..

신문/매경신문 2024.10.17

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

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

Develop 2024.10.16