본문 바로가기

javascript5

[highlight.js] 구문 강조, 번호 추가, navigator.clipboard 복사 📌 highlight.js란? - highlight.js는 코드 구문 강조를 쉽게 구현할 수 있도록 도와주는 JavaScript 라이브러리- 코드 블록을 감지해서 언어에 맞게 색상과 스타일을 자동으로 적용- 다양한 테마를 활용하여 디자인에 맞게 코드 스타일 적용 가능 🔗 highlight.js.org highlight.jsUsage highlight.js can be used in different ways such using CDNs, hosting the bundle yourself, as a Vue plug-in, as ES6 modules, with Node.js, and web workers. See our README on GitHub for more details. As a Module .. 2025. 5. 7.
[JavaScript] moment.js로 쉽게 날짜, 시간 사용 및 기간 설정 📌 Moment.js란?- JavaScript 날짜 및 시간을 쉽게 다룰 수 있게 해주는 라이브러리- 기존의 Date 객체와 다르게 간결하고 다양한 포맷 지원, 날짜 계산까지 쉽게 해결할 수 있습니다📍moment CDN, 설치(React, Vue)// CDN// React, Vuenpm install moment 📍 moment 기능 📂 분류 🧩 기능 💻 예시 코드 📌 설명 기본현재 날짜/시간moment()현재 시각을 Moment 객체로 가져옴특정 날짜 생성moment('2025-05-15')지정된 날짜를 Moment 객체로 생성포맷팅기본 포맷moment().format('YYYY-MM-DD')'YYYY-MM-DD' 형식으로 날짜 출력시간 포함 포맷moment().format('YYYY.. 2025. 4. 10.
[JavaScript] 전체 글자, 첫글자 대소문자 변경 📌 텍스트 대 소문자 변경📍 텍스트 전체 대문자- toUpperCase() 메서드를 사용하여 문자열 전체를 대문자로 변경// toUpperCase - 대문자const text = 'tistory blog';console.log(text.toUpperCase()); // TISTORY BLOG  📍텍스트 전체 소문자- toLowerCase() 메서드를 사용하여 문자열 전체를 소문자로 변경// toLowerCase - 소문자const text = 'TISTORY BLOG';console.log(text.toLowerCase()); // tistory blog  📍 텍스트 첫글자만 대문자const text = 'tistory blog';console.log(text.charAt(0)) // tconso.. 2025. 4. 2.
[JavaScript] forEach, map, flatMap, filter, find, findIndex, reduce, reduceRight, some, every 배열 메서드 📌 JavaScript 배열 메서드- 배열을 순회하고 처리하는 데 유용한 다양한 메서드들 소📍 forEach- 배열의 각 요소를 반복 실행- 반환값은 없으며 반복문처럼 요소를 처리할 때 주로 사용// 배열 값과 순서(index)const arr = ['a', 'b', 'c', 'd'];arr.forEach((val,idx) => { console.log(val) // 'a', 'b', 'c', 'd' console.log(idx) // 0, 1, 2, 3});// 배열 값 누적const number = [1,2,3,4];let sum = 0;number.forEach(num => sum += num);console.log(sum); // 10 📍map - 배열의 각 요소를 특정 함수로 변환하여 .. 2025. 3. 26.
[JavaScript] for, for...in, for...of, while, do...while, 반복문 📌 JavaScript 반복문 5가지- JavaScript에서는 데이터를 효과적으로 순회하고 처리하기 위해 사용하는 반복문 5가지가 있습니다.- 배열, 객체, 문자열과 같은 데이터 구조를 탐색하고 각 요소에 접근할 수 있는 방법 📍 for 반복문- 가장 기본적인 반복문- 특정 횟수만큼 반복할 때, 반복 수(끝)가 정해진 경우에 적합 - 초기화, 조건, 증감식을 포함 // 기본 구조for(초기화 ; 조건 ; 증감) { // 반복 실행 코드}// 예시 - 0 부터 3보다 작게 시작 1씩 증가for (let i = 0; i 📍 for...in 반복문- 객체의 속성(키)을 순회할 때 사용.- 객체의 key 값과 value 값을 뽑아내는데 유용합니다. - 배열에서 사용은 가능하지만 인덱스 순서가 보장되지 .. 2025. 3. 26.
반응형