VSCode 필수 확장프로그램 | 모든 언어에서 숫자 증가를 쉽게 하는 방법

연속된 숫자를 증가시켜야 하는 불편한 상황

코딩을 하다 보면 숫자를 하나씩 증가시켜야 하는 상황이 자주 발생합니다. 예를 들어, 테스트 데이터를 만들거나, 배열의 초기값을 설정하거나, 반복문에서 숫자를 조정해야 할 때 말이죠. 이런 상황에서 일일이 숫자를 수정하는 건 정말 번거롭고 시간이 많이 걸립니다.

 

let items = [
  { id: 0, name: 'item0' },
  { id: 0, name: 'item1' },
  { id: 0, name: 'item2' },
  { id: 0, name: 'item3' },
  { id: 0, name: 'item4' },
];

특히 다음과 같은 코드를 작성할 때, 수정해야 할 값이 많으면 많을수록 얼마나 답답한지 공감하실 거예요.

 

위 코드에서 id 값을 0에서 1, 2, 3, 4로 바꿔야 한다고 생각해 보세요. 일일이 숫자를 수정하려면 꽤나 귀찮고, 요소가 늘어나게 되면 실수할 가능성도 큽니다. 이럴 때 Progressive Increment 확장프로그램을 사용하면 정말 간단하게 해결할 수 있습니다.

 

 

VSCode 숫자 자동 증가 확장프로그램

VScode 확장프로그램 마켓플레이스로 이동하여 VSCode Progressive Increment를 설치하면 손쉽게 연속된 숫자를 수정할 수 있습니다.

 

 

Progressive Increment로 연속된 수 해결하기

1. id 값들을 선택합니다.
2. Ctrl + Alt + I를 누릅니다.
3. 숫자들이 자동으로 1씩 증가합니다.

let items = [
  { id: 1, name: 'item0' },
  { id: 2, name: 'item1' },
  { id: 3, name: 'item2' },
  { id: 4, name: 'item3' },
  { id: 5, name: 'item4' },
];

이렇게 하면 단 몇 초 만에 숫자를 수정할 수 있습니다. 정말 편리하죠?

 

이렇게 확장프로그램을 사용하면 여러줄을 드래그하여 임의의 숫자를 입력한뒤 단축키를 통해 편리하게 숫자를 일련하게 나열할 수 있습니다.

 

다른 언어에서도 사용 가능

이 확장프로그램은 HTML, JavaScript, Python, CSS 등 어떤 언어에서도 사용 가능합니다. 예를 들어, Python에서 리스트의 초기값을 설정할 때도 유용하게 쓸 수 있습니다.

 

Python 예시

numbers = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]

이 코드에서 모든 0을 1, 2, 3, ...으로 바꾸려면 어떻게 해야 할까요? 일일이 수정할 필요 없이, 숫자를 선택하고 Ctrl + Alt + I를 누르면 됩니다.

numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]