자바스크립트 2

자바스크립트 문자열 길이 맞추기-시간 0:0 -> 00:00 으로 맞추고 싶다면

상황 😯 회원가입에서 이메일 인증을 할 때, 인증번호 유효 시간을 나타내는 타이머를 구현하고 있었다. 변수에 초를 가지고 있고, 이걸 00:00 형식으로 화면에 보여줘야 했다. 처음에는 (Math.floor(초 / 60) : String(초 % 60) 으로 보여줬다. 그랬더니 거의 잘 되는데, 분이나 초가 '0'일 때 '00' 이 아니라 '0'으로 표시해서 아쉬웠다. 이런 상황에서 자바스크립트의 문자열 길이를 맞추고 싶다면!! 코드 👩‍💻 {String(Math.floor(timer / 60)).padStart(2, '0')}:String(timer % 60).padStart(2, '0')}설명 🦄 자바스크립트 padStart()를 ..

프론트엔드💛 2022.09.06

[JS] 1 + '1' 은 무엇이 될까?

숫자 1과 문자열 '1'을 더하면 무엇이 될까? 크롬 브라우저를 사용하고 있다면, F12 -> 콘솔 창에서 직접 해볼 수 있다. 문자열 '11'이 된다. 이는 자바스크립트의 암시적 강제 변환 때문이다. 암시적 강제 변환은 연산 중에 내부적으로 규칙에 따라서 타입을 바꾸는 것이다. 우리가 알다시피, 더하기 연산자를 이용해서 문자열끼리 더할 수도 있고, 숫자끼리 더할 수도 있다. 그런데 문자열과 숫자를 더한다면, 숫자를 문자열로 바꿔서 합치게 된다 ! 문자열과 불리언을 더하면 어떻게 될까? 불리언도 문자열로 바꿔서 합쳐진다. 즉, 문자열 타입 + 다른 타입을 하면 다른 타입이 문자열 타입으로 바뀌어서 합쳐진다. https://developer.mozilla.org/ko/docs/Web/JavaScript/R..

프론트엔드💛 2022.04.17
728x90