어제 오늘 내일

Javascript  삼항연산자 사용법 및 활용 예제 1. 문법condition ? expressionIfTrue : expressionIfFalse;condition: 평가할 조건 (참 또는 거짓이 될 수 있음)expressionIfTrue: 조건이 참일 때 실행될 표현식expressionIfFalse: 조건이 거짓일 때 실행될 표현식 2. 기본 예제const age = 20;const canVote = age >= 18 ? '투표 가능' : '투표 불가';console.log(canVote); // '투표 가능'age >= 18이 참이므로 '투표 가능'이 출력됩니다. 3. 중첩 삼항 연산자삼항 연산자를 중첩해서 사용할 수 있지만, 가독성이 떨어질 수 있으므로 주의해야 합니다.const score = ..

Javascript attribute(속성) 다루기추가 및 변경 (setAttribute() 또는 점 표기법 사용)읽기 (getAttribute 또는 점 표기법 사용)삭제 (removeAttribute)찾기 (hasAttribute)속성 목록 가져오기 (attributes) 1. 추가 및 변경 (setAttribute 또는 점 표기법 사용)setAttribute(name, value) : 속성을 추가하거나 기존 속성의 값을 변경합니다.점 표기법 (element.attribute = value) : 동일한 속성을 추가하거나 변경합니다.// HTML 예시// // JavaScriptconst element = document.getElementById('example');// 방법 1: setAttribut..

정규식으로 핸드폰 번호 체크하기하이픈(-) 포함하이픈(-) 및 공백 미포함 (숫자만 포함)  1. 하이픈 포함허용하는 형식010-1234-5678011-234-5678016-789-1234017-456-7890019-9876-5432 정규식/^01[016789]-\d{3,4}-\d{4}$/ ^: 문자열 시작01: 핸드폰 번호는 01로 시작[016789]: 두 번째 자리는 0, 1, 6, 7, 8, 9 중 하나010, 011, 016, 017, 018, 019만 유효-: 하이픈이 반드시 포함되어야 함\d{3,4}: 중간 번호는 3자리 또는 4자리\d{4}: 마지막 번호는 4자리$: 문자열 끝 예제 코드function isHyphenMobileNumber(phone) { const regex = /^01[..

정규식으로 전화번호 체크하기 1. 하이픈 포함 전화번호 검사형식 예시010-1234-567802-123-4567031-123-4567정규식/^0\d{1,2}-\d{3,4}-\d{4}$/ ^: 문자열 시작0: 전화번호는 0으로 시작\d{1,2}: 지역번호는 1~2자리 (02, 031 등)-: 하이픈이 반드시 포함되어야 함\d{3,4}: 중간 번호는 3~4자리\d{4}: 마지막 번호는 4자리$: 문자열 끝예제 코드function isHyphenPhoneNumber(phone) { const regex = /^0\d{1,2}-\d{3,4}-\d{4}$/; return regex.test(phone);}console.log(isHyphenPhoneNumber("010-1234-5678")); // truec..

정규식으로 문자열이 숫자인지 체크하기JavaScript에서 문자열이 숫자만으로 이루어졌는지 확인하기 위해 다양한 정규표현식을 사용할 수 있습니다.방법 1: 기본 정규표현식가장 기본적인 형태로, 문자열이 0에서 9까지의 숫자로만 이루어졌는지 검사합니다.function isNumeric(str) { return /^[0-9]+$/.test(str);}console.log(isNumeric("12345")); // trueconsole.log(isNumeric("123a5")); // falseconsole.log(isNumeric("00123")); // trueconsole.log(isNumeric("")); // false (빈 문자열도 false 처리)console.log(isNume..

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..

AWS의 자격증 시험은 총 4개의 주요 레벨로 구성되어 있습니다.FoundationalAssociateProfessionalSpecialty 그리고, 각 시험은 직무나 역할에 맞춰져 있습니다. 1. FoundationalAWS Certified Cloud PractitionerAWS 워크로드 모니터링 및 유지 관리, 보안 제어 및 네트워킹 개념 구현, 비즈니스 연속성 절차 수행, 비용 및 성능 최적화 구현에 대한 기술과 지식을 검증AWS Certified AI Practitioner 인공 지능(AI), 기계 학습(ML), 생성형 AI 개념 및 사용 사례에 대해 요구되는 지식을 검증2. Associate AWS Certified SysOps AdministratorAWS 워크로드 모니터링 및 유지 관리, ..

isEmpty()문자열이 비어 있는지를 확인하는 메서드입니다.문자열이 비어있으면 true, 그렇지 않으면 false를 리턴합니다.문자열의 길이가 0일 때 true를 리턴합니다.공백 문자열도 길이 0이므로 true를 리턴합니다. length() == 0 과 동일한 결과를 리턴하지만,isEmpty()가 가독성이 더 좋습니다. Syntaxjava.lang.Stringpublic boolean isEmpty()   리턴 값  문자열의 길이가 0이면 true, 그렇지 않으면 false를 리턴합니다.  예제.   코드  public class Example { public static void main(String[] args) { String str1 = ""; // 빈 문자열 ..