모바일 웹앱 퍼블리싱을 하면서, 나왔던 이슈인데, 공유하면 재미있을 것 같아서 적어봅니다.

종종 이미지 파일을 만들 경우,

image00,png image01.png 와 같은 파일이름을 사용합니다.

javascript에서 while 문장이나 for 문장으로 숫자 시퀀스를 생성하면, 1 2 3 과 같이 나오겠죠,

그렇다고, image1.png image2.png와 같이 만들 경우, 가독성도 떨어지고, 특정 OS에서는 소팅이 엉망이 되버려서 작업 생산성이 떨어지겠죠~^^
(윈도 시스템은 02 가 1 보다 앞에 나옵니다. osx는 1이 02보다 앞서 나오죠~ 맥의 UX관점은 대단하다는..^^;;)

이런 경우, javascript로 어떻게 처리하면 좋을 까요?

아래 코드 스니핏을 공유합니다. 아래와 같이 사용해 보세요.

두가지 방법입니다.

하나는 10이하의 숫자에 0을 붙이는 방법이고,

또 하나는 0을 무조건 붙인 후 뒤의 2자리를 사용하는 방법입니다. ^^

이때 주의 하실 것은 스트링으로 처리할 부분과 숫자로 for 나 while에서 사용할 부분을 주의하여 작성하셔야 합니다. ~기우겠지만요~