🏠 Airbnb JavaScript Style Guide for Practice

에어비앤비 자바스크립트 스타일 가이드를 기반으로, 나의 이해와 학습 내용 정리하기

🔖 JavaScript Style Guide

• Airbnb JavaScript Style Guide - EN

• Airbnb JavaScript Style Guide - KR (Thanks for ParkSB)

• Google JavaScript Style Guide

• Google TypeScript Style Guide

• Idiomatic JavaScript

• Standard JS

🧩 ESLint

• ESLint
• prefer-const
• no-const-assign
• no-new-object
• object-shorthand
• quote-props
• no-prototype-builtins
• prefer-object-spread
• no-array-constructor
• array-callback-return
• prefer-destructuring
• func-style
• wrap-iife
• no-loop-func
• prefer-rest-params
• default-param-last
• no-new-func
• space-before-function-paren space-before-blocks
• no-param-reassign
• prefer-spread
• function-paren-newline

📚 Reference

• javascript.info - Coding Style

⚙️ Note on Environment

Airbnb 스타일 가이드는 현대적인 자바스크립트 실행 환경(ES6+)을 전제로 한다.
따라서, 코드 예제나 규칙들이 최신 문법을 사용하는 것을 기본 가정으로 한다.

• 사용자는 Babel과 babel-preset-airbnb 혹은 이와 동등한 설정을 사용한다고 가정한다.
• 브라우저 환경에서는 airbnb-browser-shims 또는 이에 상응하는 shims/polyfills이 적용되어 있다고 가정한다.

💡 즉, 이 가이드는 ES6+ + Babel + Polyfill 조합이 기본 전제다.

💭 왜 Airbnb 스타일 가이드인가?

현재 진행 중인 코어 자바스크립트 강사님의 추천과, 우테코에서도 Airbnb 컨벤션을 따른다는 블로그 글을 보았다.

조금 더 서치해보니 Google, Idiomatic JS, standard.js 등 다양한 컨벤션이 있었지만, Airbnb 가이드 부터 정독해보려 한다. 원문 해석본은 이미 존재하지만, 왜 이런 규칙이 필요한가에 초점을 두고 공부해보자!

정답이라기보다, 좋은 기준점으로 삼기 위한 가이드이니 앞으로 다양한 컨벤션을 읽어보면서 발전시키고자 한다! 🐛

🗂️ Structure

주제	요약
01. Types (형)	원시형·참조형
02. References (참조)	var/let/const
03. Object (객체)	리터럴 문법, 단축 구문, 안전한 접근과 불변성 유지
Functions	함수 선언/표현식, 매개변수, 화살표 함수
Classes & Prototypes	클래스 문법, 상속, 프로토타입 연결
Modules	ES Modules / CommonJS, import/export 규칙
Iteration & Control Flow	반복문, 조건문, 조기 반환(early return) 패턴
Comparisons & Coercion	== vs ===, truthy/falsy, 타입 강제 변환
Whitespace & Commas	들여쓰기, 줄바꿈, 콤마 스타일
Semicolons	세미콜론 사용 여부와 Airbnb의 입장
Naming & Accessors	변수·함수 네이밍 컨벤션, getter/setter
ESLint & Prettier Setup	Airbnb 규칙을 내 프로젝트에 적용하기