반응형 Programming Language/Javascript47 [Javascript] 자바스크립트 윤년(leap year) 확인 코드 달력 개발 등 날짜 계산이 필요한 프로그래밍을 할 때 윤년 확인이 필요하다. 요새 라이브러리가 잘 나와서 라이브러리를 찾아서 구현해도 된다. 그냥 윤년인지 아닌지, 알고 싶다면 코드는 다음과 같다. function isLeapYear(year) { return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0; } 2024. 1. 17. [Javascript] 자바스크립트 Swiper 라이브러리 추천, Javascript Slider Library 슬라이더 기능은 웹 사이트를 만들 때 자주 사용합니다. Swiper는 부트스트렘 템플릿에서도 자주 사용하는 라이브러리로 사용법을 어느 정도 알아두면 좋습니다. 사이트에 가서 Swiper js를 직접 다운로드해 사용하셔도 되지만, 만약 물리 파일을 직접 추가하고 싶지 않다면 아래 CDN을 사용합니다. Swiper의 html 형태는 아래와 같습니다. 기본적으로 class 이름은 swiper를 사용합니다. Slide 1 Slide 2 Slide 3 ... css를 사이즈를 조정하고 싶으면 아래 접근자를 활용하면 됩니다. .swiper { width: 600px; height: 300px; } swiper html를 따로 컴포넌트화 한 후 ajax로 불러오고 싶을 때가 있을 거에요. 그럴 땐 ajax succe.. 2024. 1. 16. [Javascript] 문자열 메소드 / 문자열을 더하고 싶을 때 / 날짜 문자열 변경 시(ex. 1월 -> 01월) / padStart() 자바스크립트를 사용해 날짜를 두 자리수로 만들고 싶을 때가 있다. 예를 들어 1월을 01월로 만들고 싶을 때. 그 때 padStart() 함수를 사용하면 된다. padStart()는 자바스크립트 문자열 메소드로, 문자열 시작 부분을 사용자가 원하는 문자열로 채우도록 도와준다. [형식] padStart는 인수를 2개 받는다. 각 인수에 대해 설명하겠다. padStart(인수1, 인수2) 인수 1은 targetLength라고 한다. 결과 문자열의 길이를 말한다. 인수2는 padString이라고 한다. 앞에 추가하기 원하는 문자열이다. 작성을 생략하면 디폴트로 ""(공백)이 들어간다. [예시] let user_str = "1"; console.log( user_str.padStart(2, "0") ); // .. 2023. 9. 13. [Javascript/정규표현식] 텍스트에서 줄바꿈(엔터) 제거하기 구문 let str = str.replace(/\n/ig, ''); * "\n"은 엔터라는 뜻입니다. * "g"는 전체 문자열을 탐색해서 모든 일치를 반환하도록 지정하는 전역 탐색 플래그입니다. 2023. 2. 20. [Javascript] null과 undefined 처리 시, 널 병합 연산자 사용해보기 대표 예시 const foo = null ?? 'default string'; console.log(foo); // 출력 결과 --> "default string" const baz = 0 ?? 42; console.log(baz); // 출력 결과 --> 0 설명 널 병합 연산자( ?? ) 는 왼쪽 표현식이 null, undefined일 때 오른쪽 표현식 결과를 반환합니다. 보통 null, undefined 처리 시 논리연산자 OR( || )를 사용하는데요, 논리연산자 OR은 falsy한 값, 즉 0, '', NaN도 유효하지 않은 값으로 처리합니다. null과 undefined일 때만 오른쪽 표현식 결과를 반환하고 싶다면 널 병합 연산자( ?? ) 를 사용해 보세요. 널 병합 연산자와 논리 연산자 O.. 2023. 2. 9. 이전 1 2 3 4 5 ··· 10 다음 반응형
