IntelliJ - 자바스크립트 콜론(:) 간격 정렬 하는 방법

인텔리제이에서 자바스크립트 변수 콜론 간격 정렬

 

안녕하세요.

고코더 입니다.

 

자바스크립트를 개발하다 보면 콜론 간격으로 변수를 넣는 방식으로 코딩을 하는 경우가 많습니다. 이때 변수명에 따라 빈 간격이 달라지게 됩니다. 그래서 일부 개발자들은 스페이스 노가다를 활용해 간격을 맞추기도 합니다.

 

 

● 1. 예시 화면을 보면 이해가 충분히 되실 거 같습니다. 이런 식으로 간격이 다르면 보기가 많이 불편합니다.

● 2. 인텔리제이에서 settings로 이동합니다. 그리고 Editor -> JavaScript로 이동 후에 "Wrapping and Braces"로 이동합니다.

 

● 3. 그다음 Objects에서 aling의 셀렉트 박스를 "On colon"으로 설정합니다.

 

 

● 4. 그 다음 소스에서 Ctrl + Alt + L을 단축키를 누르면 보기 좋게 콜론들이 정렬됩니다.