전체 글 233

[HTML] html 에서 데이터 data 속성 쉽게 사용하기

HTML에서 매우 유용하게 사용되는 data- 속성에 대해 알아보겠습니다. data- 속성은 커스텀 데이터를 HTML 요소에 저장하고, JavaScript로 이를 쉽게 접근할 수 있게 해줍니다. 이 기능을 활용하면 페이지에 추가적인 메타데이터를 담거나, 화면에 보이지 않는 정보를 요소에 연결할 수 있습니다.1. data- 속성란?data- 속성은 HTML5에서 도입된 속성으로, HTML 태그에 사용자 정의 데이터를 저장할 수 있습니다. data-로 시작하는 속성은 데이터 속성을 의미하며, 표준 HTML 속성 외의 추가 정보를 각 요소에 담고자 할 때 사용됩니다.문법: data-: 속성의 접두사로, 사용자 정의 데이터를 명시.key: 저장할 데이터의 이름. 반드시 소문자 알파벳으로 시작해야 하며, 하이픈(..

Develop 2024.10.10

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

[뉴스&분석] "선진 K국채, 장기자금 조달 기회"WGBI 편입의 주요 장점은 무엇인가요한국이 세계 3대 채권지수 중 하나인 세계국채지수(WGBI)에 편입되었어요.WGBI 추종자금의 규모는 약 2조5000억~3조 달러로 추정되며, 최대 90조 원의 외국인 투자 유입이 예상되죠.정용택 IBK투자증권 리서치센터장은 외국인 투자자를 위한 국적 증명 요구 등 규제를 완화하면 추가 투자 유치가 가능하다고 언급했어요.최상목 경제부총리는 "코리아 디스카운트" 해소에 따라 기업 가치를 높이는 노력을 계속할 것이라고 밝혔죠.WGBI 편입으로 국채 신용도가 개선될 것으로 보이며, 금리 하락과 이자 부담 완화가 예상되네요..한국의 국채 발행과 경제 영향은한국 정부는 장기물 국채 발행을 늘려 안정적인 금리로 자금을 조달할 계..

신문/매경신문 2024.10.10

[JavaScript] 비구조화 할당 (Destructuring Assignment) 배열 또는 객체의 값 추출

1. 비구조화 할당 (Destructuring Assignment)란?비구조화 할당은 배열(Array) 또는 객체(Object)의 값을 쉽게 추출하고, 이를 변수에 담아 사용하는 방법입니다. 코드의 가독성을 높이고, 특히 여러 개의 변수를 한 번에 선언하고 값을 할당할 때 매우 유용합니다.배열 비구조화배열에서 비구조화 할당을 사용하면, 배열의 각 요소를 변수에 쉽게 할당할 수 있습니다.// 배열 비구조화 할당const fruits = ["apple", "banana", "orange"];// 비구조화 할당으로 배열 요소를 변수에 담기const [firstFruit, secondFruit, thirdFruit] = fruits;console.log(firstFruit); // appleconsole.lo..

Develop 2024.10.09

[암사역 맛집] 초롱이 고모 부대찌개 햄찜 부대전골 feat.러너스하이~짭

[위치]2024 선사마라톤대회10km 핰핰~ 오랜만에 마라톤대회를 마치고주변에 먹을 곳을 찾아 헤매다암사종합시장에서 우연히 발견한부대찌개집이포스가 개맛집으로 보여서일단 들어가게 되었습니다와우~ 이 블루리본 뭐야무서워~ 이렇게 블루리본덕지덕지 붙어 있는 곳은처음이야리본이라곤 리테일사업본부밖에 모르는데 우엨~[메뉴판]이시키가 오늘은 컨디션이안좋다며 그냥 밥만 처먹는다길래부대전골 소 로 주문 합니다그럼 나 혼자 맥주 먹어야지런닝 후 맥주는 못참지 러너스하이~~ 는 개뿔알콜스하이~~ 올뻔 어이~ 거기~~골전도아저씨~달팽이관은 안녕하슈~ 운동 후 시원한 맥주 한잔과마시가 나는 음식은배때기하이~~ 를 불러 일으킨다뚱보균하이~~윗배튀하이~~딱딱배하이~~지퍼품하이~~ 다이어트는 다시 내일부터

처먹은거 2024.10.09

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

삼성 반도체 수장의 첫 반성문삼성전자 반도체 부문의 최근 위기 상황은전영현 부회장은 시장 기대에 못 미친 성과에 대해 사과하며 책임을 인정했어요.삼성전자의 2024년 3분기 잠정 실적은 매출 79조원, 영업이익 9조1000억원으로 발표되었죠.매출은 직전 분기 대비 6.6% 증가했지만, 영업이익은 12.8% 감소했어요.그래서 애널리스트 전망치에 미치지 못했죠.전 부회장은 경영진이 위기 극복을 위해 앞장서서 재도약의 계기를 만들겠다고 다짐했어요.삼성전자는 과거 인텔을 제치고 반도체 1위를 차지했지만, 최근 고대역폭메모리 개발과 인공지능 패러다임 전환에서 늦어 위상이 흔들리고 있죠..삼성전자의 현재 도전과 혁신은 무엇인가삼성전자는 1위 자리의 자만심에 빠졌다는 지적을 받았어요.김기남 전 부회장은 HBM 투자 ..

신문/매경신문 2024.10.09

[용산 맛집] 냉동삼겹살 남산집 feat.곧너와의1일인놈

[위치] 뭐라고? 이틀뒤에?여자친구가? 뭐? 생긴다고?진짜 연애 척척박사님들없었으면 어쩔뻔~조톼~ 추카뽜뤼 갈겨~ 용산에 냉삼집이 많이 없는데최근에 새로생긴 가게 같네요 어~어~~~ 저기이~~~뉴남친이 보인다 보여~서비서비를 찾아라~ 역시 요즘같은 날씨에는무조건 야장이 쵝오네요 뉴남친시키는야 뭐야장이든 야구장이든 여장이든뭐든 조커찌이~ [메뉴판]냉삼집을 왔으니냉삼을 먹어야겠지용급랭삼겹살 3인분을 주문 했다는 것을~아뢌숨뉘돠~ 은박지에~분홍빛갈의 냉삼이가너무 더워 땀을듬뿍 흘리니~옆에 있던 코흥나무리와 기므취아이들이 냉삼이 땀에흠뻑 젖는다..싸이 흠뻑쇼 안부럽소이다아니~ 이긴 사람이 아무도 없구려~모두 비김비김~ 쿠헬헬헬~ 일반적인 냉삼집의 맛이였습니다근처에 냉삼집이 없는데냉삼이 먹고 싶을 때한번쯤 와볼 ..

처먹은거 2024.10.08

[JavaScript] 배열에서 객체(오브젝트)의 위치를 찾는 방법 - indexOf 대신 findIndex 활용하기

JavaScript에서 배열에 값이 포함되어 있는지, 또는 값이 배열 내에서 어느 위치에 있는지 확인하기 위해 흔히 indexOf 메서드를 사용합니다. 그러나 배열의 값이 객체로 이루어져 있을 경우, indexOf는 원하는 결과를 제공하지 않습니다. 객체는 참조형 데이터이기 때문에, 동일한 구조의 객체라도 서로 다른 메모리 주소를 가지고 있기 때문입니다. 이런 경우에는 findIndex 메서드를 사용하는 것이 적합합니다. 1. 기본적인 indexOf의 한계indexOf는 원시 데이터 타입(문자열, 숫자 등)으로 이루어진 배열에서 특정 값을 찾을 때는 잘 작동합니다.// 문자열 배열에서 indexOf 사용const fruits = ["apple", "banana", "cherry"];const index ..

Develop 2024.10.08

[Thymeleaf 타임리프] 구분자를 기준으로 배열만들기 setSplit 사용방법

1. split() 함수란?split() 함수는 주어진 문자열을 특정 구분자를 기준으로 분리하고, 그 결과를 배열로 반환하는 함수입니다. 예를 들어, "apple,banana,orange"라는 문자열을 쉼표(,)로 분리하면, ["apple", "banana", "orange"]라는 배열을 얻게 됩니다.2. 예제 시나리오이번 예제에서는 "Spring,Security,Thymeleaf"라는 문자열을 쉼표로 분리한 후, 그 결과를 화면에 출력하는 방법을 구현해 보겠습니다.3. 프로젝트 설정Spring Boot 프로젝트에서 Thymeleaf를 사용할 수 있도록 spring-boot-starter-thymeleaf 의존성을 추가해야 합니다.build.gradle (또는 pom.xml)dependencies { ..

Develop 2024.10.08

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

대출 조였어도 … 가계빚 '4대 복병'2030세대의 대출 증가 원인은20대 취업준비생 사례로 대출 증가 문제를 설명하고 있어요.그래서 생활비 부족으로 대출을 받게 되며 인터넷은행에서도 추가 대출을 받는 상황이죠.생활비 문제로 인해 2030세대는 금융권 대출의 주요 고객이 되었어요.영세 자영업자들의 빚은 400조원에 육박했으며, 정부 통계에 잡히지 않는 '그림자 부채'로 전세보증금이 1000조원에 달하죠.한국은행 자료에 따르면, 30대 이하의 가계대출 잔액은 올해 2분기에 496조3000억원으로 5년 만에 약 98조9000억원, 즉 24.9% 증가했어요.따라서 2030세대의 대출 증가율은 60대 이상에 이어 전 연령층 중 두 번째로 높죠..2030세대 대출 증가의 원인은 무엇인가강성진 교수에 따르면, 팬데..

신문/매경신문 2024.10.08

PostgreSQL에서 한글 ORDER BY 정렬 문제 해결하기 COLLATE

데이터베이스를 사용할 때 정렬은 매우 중요한 작업입니다. 특히 한글 데이터를 다루는 경우, PostgreSQL에서 ORDER BY 절을 사용할 때 한글 정렬이 예상과 다르게 동작하는 문제를 경험할 수 있습니다. 이 글에서는 이러한 한글 정렬 문제를 해결하는 방법을 알아보겠습니다.1. 문제 상황PostgreSQL에서 한글 데이터를 ORDER BY로 정렬하면 한글이 올바르게 정렬되지 않는 경우가 있습니다. 예를 들어, 다음과 같은 데이터를 생각해봅시다.CREATE TABLE employees ( id SERIAL PRIMARY KEY, name VARCHAR(50));INSERT INTO employees (name) VALUES('김영희'),('이민수'),('박철수'),('최지수'); 위 데이터..

Develop 2024.10.08