padStart , padEnd

padStart
padStart() 메서드는 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환합니다. 채워넣기는 대상 문자열의 시작(좌측)부터 적용됩니다.

즉 정해놓고자 하는 문자길이에 맞지않는다면 그 공백에 넣고자하는 Text를 채워주는 것(왼쪽부터)
단 , String 타입이어야 함 , number 타입이면 안됨

만약 시간을 화면에 나타내고 싶다.

현재 시각 오전 8시 6분 14초

const date = new Date();

const hours = date.getHours(); // 8 출력
const minutes = date.getMinutes(); // 6 출력
const seconds = date.getSeconds(); // 14 출력

최종 값 8:6:14 , 두자리수가 아니어서 보기에도 안좋음

타입변경해서 , padStart 함수 활용하기
padStart("길이" , "채울 String");

const Hours = String(date.getHours()).padStart(2,"0");
const Minutes = String(date.getMinutes()).padStart(2,"0");
const Seconds = String(date.getSeconds()).padStart(2,"0");

08:06:14 출력

padEnd

padEnd() 메서드는 현재 문자열에 다른 문자열을 채워, 주어진 길이를 만족하는 새로운 문자열을 반환합니다. 채워넣기는 대상 문자열의 끝(우측)부터 적용됩니다.
정해놓고자 하는 문자길이에 맞지않는다면 그 공백에 넣고자하는 Text를 채워주는 것(오른쪽부터)

const a = 5;
console.log(String(a).padEnd(2,"X")); 

출력 -> 5X