정보/Airbnb JS Code Style Guide

우아한테크코스의 자바스크립트 스타일 가이드는 Airbnb 자바스크립트 스타일 가이드를 기준으로 하기에 Airbnb 자바스크립트 스타일 가이드 기준을 보고 이해를 바탕으로 필사하였으며 경중에따라 가감하였습니다. 처음 프로젝트 시작하기전 module.exports를 오랜만에봐서 정말 생소했다. 원래 import / default export 만써서 그런 것 같다. 그래서 이틀전에 module에 대해 다시한번 정리하니 확실히 이해가 잘 되었고 그 이해한 상태에서 style guide를 보니 훨씬 편했다. Module 정리 모듈 (Modules) 1) 항상 모듈(import/ export)을 비표준 모듈 체계 대신 사용하세요. 언제든 선호하는 모듈 시스템으로 트랜스파일할 수 있습니다. why? 모듈은 미래입니다..

우아한테크코스의 자바스크립트 스타일 가이드는 Airbnb 자바스크립트 스타일 가이드를 기준으로 하기에 Airbnb 자바스크립트 스타일 가이드 기준을 보고 이해를 바탕으로 필사하였으며 경중에따라 가감하였습니다. 클래스 & 생성자 (Classes & Constructors) 1) prototype 을 직접 조작하는것을 피하고 항상 class 를 사용하세요. 왜? class 구문은 간결하고 의미를 알기 쉽기 때문입니다. // bad function Queue(contents = []) { this.queue = [...contents]; } Queue.prototype.pop = function () { const value = this.queue[0]; this.queue.splice(0, 1); retur..

우아한테크코스의 자바스크립트 스타일 가이드는 Airbnb 자바스크립트 스타일 가이드를 기준으로 하기에 Airbnb 자바스크립트 스타일 가이드 기준을 보고 이해를 바탕으로 필사하였으며 경중에따라 가감하였습니다. 객체(Objects) 1) 객체를 생성할 때는 리터럴 문법을 사용하세요. // bad const item = new Object(); // good const item = {}; 2) 동적 속성을 갖는 객체를 생성할 때는 속성 계산명을 사용하세요. why? 이렇게 하면 객체의 모든 송석을 한 곳에서 정의할 수 있습니다. function getKey(k) { return `a key named ${k}`; } // bad const obj = { id: 5, name: 'San Francisco', ..

우아한테크코스의 자바스크립트 스타일 가이드는 Airbnb 자바스크립트 스타일 가이드를 기준으로 하기에 Airbnb 자바스크립트 스타일 가이드 기준을 보고 이해를 바탕으로 필사하였으며 경중에따라 가감하였습니다. 함수/변수/클래스명 등 이름만 보고 이해할 수 있을 정도로 의미있는 이름으로 명명하고 최대한 주석은 지양해야하지만 꼭 필요한 경우는 적재적소에 사용해야한다 그렇다면 그런 상황이 온다면 어떻게 사용해야 할까 ? 주석 (Comments) 1) 여러 줄에 걸친 주석을 쓸 때는 /** .... */ 을 사용하세요. // bad // make()는 전달된 태그명을 기반으로 // 새로운 요소를 반환한다. // // @param {String} tag // @return {Element} element func..

우아한테크코스의 자바스크립트 스타일 가이드는 Airbnb 자바스크립트 스타일 가이드를 기준으로 하기에 Airbnb 자바스크립트 스타일 가이드 기준을 보고 이해를 바탕으로 필사하였으며 경중에따라 가감하였습니다. 과연 우리가 함수를 사용할 때 올바르게 쓰고 있는지 의문을 가진적이있다. 기명함수? 무기명함수 알고는 있지만 정확히 언제쓰고 어떻게 쓰면 사이드 이펙트가 생길확률이 높은지 등등 함수를 어떻게 하면 효율적으로 사용할 수 있는지 기본적인 것들이 정리되어있어서 참 유용해서 기록을 남겨본다. 1. 함수 1) 함수선언식 대신 기명 함수표현식을 사용하세요 why? 더보기 why? // bad function foo() { // ... } // bad const foo = function () { //... }..