[javascript] 코드 형식과 정렬 방식 설정하기

05 Dec 2023

javascript

1. 들여쓰기 설정

들여쓰기는 코드의 블록 구조를 시각적으로 나타내기 위해 사용합니다. JavaScript에서는 일반적으로 2개의 공백 문자 또는 1개의 탭 문자를 사용하여 들여쓰기를 합니다. 들여쓰기에는 여러 가지 스타일이 있지만, 중요한 것은 일관성을 유지하는 것입니다.

// 2개의 공백 문자로 들여쓰기
function exampleFunction() {
  // 코드 블록
  if (condition) {
    // 들여쓰기
    statement1;
    statement2;
  } else {
    // 들여쓰기
    statement3;
    statement4;
  }
}

2. 줄 바꿈

코드의 가로폭이 너무 길어지면 가독성이 떨어질 수 있습니다. 적절한 위치에서 줄을 바꿔 가독성을 높이는 것이 좋습니다. 일반적으로 한 줄에는 한 개의 문장이 포함되는 것이 가독성을 높일 수 있습니다.

// 줄 바꿈
const longString = 'This is a long string that needs to be broken up into multiple lines to improve readability.';

// 한 줄에 한 개의 문장
const sentence1 = 'This is sentence 1.';
const sentence2 = 'This is sentence 2.';

3. 코드 정렬

코드를 정렬하여 가독성을 높일 수도 있습니다. 변수 할당이나 객체 속성을 정렬하는 것은 코드를 보다 깔끔하게 만들어줄 수 있습니다.

// 변수 할당 정렬
const firstVariable  = 1;
const secondVariable = 2;
const thirdVariable  = 3;

// 객체 속성 정렬
const person = {
  name: 'John',
  age: 30,
  profession: 'Developer'
};

위의 방법들은 JavaScript 코드를 작성할 때 형식과 정렬을 설정하는 몇 가지 방법을 보여줍니다. 이러한 규칙을 따르면 코드를 보다 일관되게 작성할 수 있고, 다른 개발자들과 협업할 때 코드의 가독성을 높일 수 있습니다.

더 자세한 정보는 JavaScript Style Guide를 참조하세요.