31장 레이아웃과 스타일

31장 레이아웃과 스타일

목차

• 31.1 레이아웃 기초 지식
• 31.2 레이아웃 기법
• 31.3 레이아웃 스타일
• 31.4 제어 구조 레이아웃
• 31.5 개별 명령문 레이아웃
• 31.6 주석 레이아웃
• 31.7 루틴 레이아웃
• 31.8 클래스 레이아웃

 

이번 장에서는 좋은 레이아웃에 대해 다룬다. 사실 대부분의 코드 편집기에서 자동으로 지원하는 것이 대부분이었다. 상당히 많은 페이지에 설명되어 있는 부분이 VSCode의 beautify를 사용하면 자동으로 적용되어지는 부분이었다. 그래서 이번 장에서는 한 장씩 설명하는 대신 전체적인 내용을 요약하는 식으로 글을 적어보려 한다.

 

좋은 레이아웃

좋은 레이아웃 구조는 아래와 같다.

 

function getMessage( id ) {
    let message = 'hello';
    ...
}

 

들여쓰기 구조를 위처럼 통일하는 것이 대부분의 경우에 좋게 작용한다. 내부 구조는 논리 구조에 맞게 들여쓰기를 해야 한다. 매개 변수가 많은 함수를 선언할 때는, 한 줄에 한 개의 매개 변수만을 선언하도록 하는 것이 보기에도 좋고, 유지보수도 쉽다.

 

좋은 레이아웃은 프로그램의 성능을 향상시키는데 도움을 주지는 않지만, 다른 사람이 코드를 읽는데 도움을 준다. 자기 자신도 코드를 작성한 뒤 오랜 시간 보지 않으면 까먹기 때문에, 미래의 나와 나의 동료를 위해 좋은 레이아웃을 사용해 코드를 작성하도록 하자.