본문 바로가기

NestJS/javascript3

[Javascript] padStart()와 padEnd()란? padStart()와 padEnd() 는 Javascript의 문자열(String) 메서드로, 문자열의 길이를 지정된 길이만큼 특정한 문자로 맞출 때 사용된다. 이 메서드를 사용하게 된 배경은 타이머 시간 값을 응답 값으로 줄 때 시간을 MM:SS 형태로 바꿔 주는데, 이 때 공백 없이 한 자리수의 경우는 '05'와 같이 표현하기 위해 사용하였다. ◾padStart()padStart()는 문자열의 앞쪽에 문자를 추가하여 지정된 길이로 만든다. ✔️padStart(targetLength, padString)`targetLength`: 목표 문자열 길이`padString(옵션값)`: 채울 문자열 (기본값: ' ' 공백) 직접 사용을 해보자. 7이라는 문자열이 있을 때 이것을 3자리 수로 맞추고 공백을.. 2025. 5. 9.
[Javascript] JSON.stringify() 와 JSON.parse() 이란? JSON 데이터 파싱하기 오늘 알아볼 두 함수는 Javascript에서 중요한 함수이다. JSON데이터를 문자열로 변환하거나, 문자열을 다시 객체로 변환할 때 사용되는 함수이다. 각각의 역할을 알아보자. ◾ JSON.stringify() 객체 또는 배열 → JSON 문자열이 메서드는 객체 또는 배열을 JSON 문자열로 변환한다. JSON 문자열로 변환const obj = { device: 'tablet', fault: 'battery', price: 80}const objStr = JSON.stringify(obj);console.log(objStr); // '{"device":"tablet","fault":"battey","price":80}' 맨 바깥의 작은 따옴표는 생략되기도 하는 것 같다. 유심히 볼 것은 devic.. 2025. 5. 1.
[javascript] 스프레드 연산자(...) 개념과 사용법 📌스프레드 연산자◾ 스프레드 연산자란?  스프레드 연산자는 자바스크립트 ES6 버전부터 도입된 기능으로, 배열이나 객체의 요소를 개별적으로 펼치거나, 새로운 배열이나 객체를 생성하는 데 사용된다.  자바스크립트 객체 중 반복이 가능한 Array, Map, Set, String 등의 원소를 나열할 수 있는 기능이다.   🤔처음에 이 기능을 알아보게 된 것은 '반복문을 사용하지 않고도 간단하게 배열의 요소를 값에 넣을 수 없을까?' 였는데 이 의문점에 꼭 맞는 유용한 기능이 바로 이 '스프레드 연산자' 였다.  ◾ 스프레드 연산자 사용법1. 배열에서 요소 펼치기배열의 요소를 펼칠 때 사용한다.const arr1 = [1,2,3];const arr2 = [4,5,6];const combined = [..... 2025. 1. 17.
반응형

/* 내가 추가한 코드 */ /* 내가 추가한 코드 끝끝 */