어제 오늘 내일

switch 조건문 사용법 및 활용 예제JavaScript에서 switch문은 주어진 표현식의 값에 따라 여러 경우(case) 중 하나를 선택하여 실행할 때 사용합니다.if-else 문보다 가독성이 좋고, 여러 조건을 처리할 때 유용합니다.  기본 문법switch (표현식) { case 값1: // 값1일 때 실행할 코드 break; case 값2: // 값2일 때 실행할 코드 break; default: // 모든 case가 해당하지 않을 때 실행할 코드} 표현식의 결과와 case에 나열된 값들을 일치시켜 해당 블록을 실행합니다.break는 해당 블록을 실행한 후 switch문을 빠져나가도록 합니다.default는 모든 case가 일치하지 않을 때 실행됩니다. (else..

div에 대각선 그리기 (linear-gradient) 먼저, linear-gradient에 대한 자세한 설명은 지난 포스팅을 참고하세요.2025.02.24 - [IT/CSS] - [CSS] linear-gradient 속성 예제, 배경색 그라데이션 효과 [CSS] linear-gradient 속성 예제, 배경색 그라데이션 효과linear-gradientlinear-gradient는 CSS에서 배경에 색깔이 점점 변하는 효과를 줄 때 사용하는 방법입니다.예를 들어, 빨간색에서 파란색으로 부드럽게 바뀌는 배경을 만들고 싶다면 linear-gradient를 사용합hianna.tistory.com  대각선 그리기 예제.diagonal-line { width: 300px; height: 300px; bor..

linear-gradientlinear-gradient는 CSS에서 배경에 색깔이 점점 변하는 효과를 줄 때 사용하는 방법입니다.예를 들어, 빨간색에서 파란색으로 부드럽게 바뀌는 배경을 만들고 싶다면 linear-gradient를 사용합니다.색깔이 선처럼 쭉 이어지면서 자연스럽게 섞여 보이는 효과를 줄 수 있습니다. 0. 기본 문법background: linear-gradient(방향, 색상1, 색상2, ...); 방향: 색상이 이동하는 방향(각도 또는 위치)색상1, 색상2, ...: 그라디언트에 사용할 색상 (최소 2개 이상)  1. 방향 설정1) 각도 사용.my-class { width: 200px; height: 200px; background: linear-gradient(45deg, red..