JavaScript의 padStart()는 문자열 앞에 특정 문자를 채워서 원하는 길이만큼 만들기 위해 사용하는 메서드야.
padStart() 사용법
📌 문법:
str.padStart(targetLength, padString)
✅ 매개변수:
targetLength: 최종 문자열의 길이 (이 길이가 될 때까지 앞에 채움)padString: 앞에 채울 문자열 (기본값은" "공백)
✨ 예제:
'5'.padStart(3, '0');
// 결과: '005'
'apple'.padStart(10, '-');
// 결과: '-----apple'
'123'.padStart(6);
// 결과: ' 123' (기본 공백으로 채움)
🧠 언제 써?
- 숫자를 2자리, 3자리로 맞추고 싶을 때
- 문자열 포맷을 깔끔하게 정렬하고 싶을 때
필요한 길이만큼 앞에서부터 채우는 방식이야!
padEnd() 사용법
padEnd()는 padStart()와 반대로, 문자열 뒤에 문자를 채워서 지정한 길이만큼 맞춰주는 메서드야.
📌 문법:
str.padEnd(targetLength, padString)
✅ 매개변수:
targetLength: 최종 문자열 길이padString: 뒤에 채울 문자열 (기본값은" "공백)
✨ 예제:
'5'.padEnd(3, '0');
// 결과: '500'
'apple'.padEnd(10, '-');
// 결과: 'apple-----'
'123'.padEnd(6);
// 결과: '123 ' (공백으로 채움)
🧠 요약:
padStart()→ 앞에 채움padEnd()→ 뒤에 채움
둘 다 문자열 길이 맞추기에 유용해!
숫자 포맷, 표 형태 정렬 등에 자주 써 😊
