들어가며

• 문자열 숫자(예: 123)을 픽셀(123px)로 바꾸는 방법을 알아보자.

방법

• 문자열 숫자(123) 뒤에 간단하게 문자열 px를 붙여주면 된다.

const strNumber = "100";
const pxNumber = strNumber + "px";
console.log(pxNumber); // "100px"

• 만약 변수로 숫자를 받아 px를 붙이고 싶다면, 문자열 연결(+)을 사용하거나 템플릿 리터럴을 사용할 수 있다.

const number = 100;
const pxNumber = number + "px"; // 문자열 연결 사용
console.log(pxNumber); // "100px"

// 또는
const pxNumber2 = `${number}px`; // 템플릿 리터럴 사용
console.log(pxNumber2); // "100px"