글

라벨이 css3인 게시물 표시

:root로 CSS 색상 전역 변수 정의하고 사용 방법

이미지
CSS의 :root 선택자를 사용해 색상 변수를 정의하면 웹 전역에서 쉽게 활용할 수 있습니다. 변수명만으로 색상을 적용할 수 있어 유지보수 효율이 높고, 코드 작성 시간도 단축됩니다. 또한 일관된 색상 체계를 유지해 웹 디자인 품질을 향상시킬 수 있습니다. :root로 CSS 색상 전역 변수 정의하고 사용 방법 🗂️ css 전역변수 전역변수는 프로젝트 전반에서 공통적으로 접근할 수 있는 변수로, 코드 재사용성과 일관성을 높이는 핵심 요소이다. 공통 값이나 색상, 테마와 같이 여러 곳에서 반복적으로 사용하는 데이터를 한 곳에서 관리할 수 있다. CSS에서도 전역변수를 활용하면 색상이나 디자인 요소를 일괄적으로 변경할 수 있으며, HTML에서는 class나 :root를 통해 손쉽게 정의할 수 있다. 이러한 전역변수의 활용은 유지보수 효율을 높이고 코드 품질을 향상시키는 중요한 웹 개발 방법이다. 🔑 css 전역변수 정의 방법 전역변수는 프로젝트 전반에서 공통적으로 사용하는 요소를 한 번에 정의하고, 코드 전체에서 재사용할 수 있도록 돕는 핵심 개념이다. CSS에서도 전역변수를 활용할 수 있으며, :root 선택자를 통해 손쉽게 정의할 수 있다. 예를 들어, 웹사이트의 색상 체계를 효율적으로 관리하기 위해 주요 색상을 다섯 가지로 구분해 전역변수로 설정하면 유지보수와 디자인 일관성을 높일 수 있다. 아래는 색상을 5가지로 구분하여 전역변수로 정의하였다. :root { --color-b: #000000; /* 색상: 검정색 */ --color-r: #ff0000; /* 색상: 빨강색 */ --color-g: #00ff00; /* 색상: 녹색 */ --color-b: #0000ff; /* 색상: 파란색 */ --color-w: #ffffff; /* 색상: 하얀색 */ } 위처럼 전역변수를 정의했다면 코드 전체에서 정해진 변수를 사용할 수 있다. 전역변수를 정의해두면 프로젝트 내 모든 코드에서...

Featured Post

검은 목요일 뜻과 한국 증시 관계

이미지
주식시장에는 다양한 비유법이 있다. 그 중 검은 목요일(Black Thursday)이란 단어가 있다. 검은 목요일은 1929년 10월 24일 미국 뉴욕증권거래소에서 대규모 주식 매도와 주가 급락이 발생한 날을 의미한다. 이 사건은 1929년 미국 주식시장 붕괴를 시작으로 이후 세계 대공황과 함께 경제사에 기록되고 언급된다. 한국 증시에서도 목요일에 코스피와 코스닥이 급락하면 검은 목요일이라는 표현을 사용한다. 하나의 사례가 있다면, 2020년 3월 19일에는 코로나19 확산으로 인한 세계 경제 불안 속에서 코스피가 8.39%, 코스닥이 11.71% 하락한 일이 있다. 검은 목요일 뜻과 한국 증시 관계 ▣ 검은 목요일 검은 목요일(Black Thursday)은 주식시장에서 대규모 매도와 주가 급락이 발생한 목요일을 뜻한다. 검은 목요일이란 단어의 역사적 기원은 1929년 10월 24일 목요일 미국 뉴욕증권거래소에서 발생한 주식시장 혼란에서 였다. 당시 미국 주식시장은 오랜 상승세를 경험하고 있었지만, 주식 가격이 지나치게 높아졌다는 우려와 함께 투자자들의 불안이 커지면서 대규모 매도 주문이 발생했다. 이 때, 주식을 팔려는 투자자가 급증하고 주가가 빠르게 떨어지자 시장 전체에 공포가 확산되었다. 여기서 검은색(Black)은 시장에서 발생한 심각한 손실이나 위기를 상징하고, 1929년 10월 24일은 목요일이었다. 검은 : 주식 시장의 심각한 손실 또는 위기 상징 목요일 : 주식 시장의 충격이 발생한 요일 검은 목요일은 금융 언론과 시장 참여자들이 큰 폭의 주가 하락을 설명할 때 사용하는 역사적 표현이 되었다. 검은 목요일의 중요한 요소는 해당일에 발생한 주식시장의 심각한 충격에 있다. 검은 목요일 ▣ 1929년 미국의 검은 목요일 1929년 10월 24일, 미국 뉴욕증권거래소에서는 대규모 주식 매도 주문이 쏟아졌다. 당시 미국 경제는 1920년대 상당 기간 성장했고, 주식시장에서도 강한 상승세가 이어졌다. 주식 가격이 앞으로 계속 상승할 것이라는 기대가 커지면서...