airbnb JavaScript Style Guide 적용하여 코드 수정하기

2021/01/25 - [TodayILearned/javascript] - Random HEX COLOR CODE 만들기

Random HEX COLOR CODE 만들기

의 코드를 수정했다.

 

수정내용

Indent

편집기마다 탭사이즈가 달라서 보통 스페이스를 이용해 indent한다고 한다.

이거 맨 처음 코딩 배울 때 들었던 것 같은데 왜 그동안 탭키를 애용했었는지? VSC에서 들여쓰기를 수정해야겠다!

Comment

마침 인덴트 바로 위에 comment에 대한 가이드가 있어서 읽으면서 수정했다.

코드

const CODE = document.querySelector(".js_code"),
  INPUT = document.querySelector("input"),
  BODY = document.body;

function getRandom(min,max){
  return Math.floor(Math.random() * (max-min+1) + min);
  
  // TODO: 알파벳이 들어간 랜덤함수 작성하기
}
function handleClick(){
  const HEXCODE = [
    CODE.innerText =  `#` + getRandom(100000,999999)
]
  BODY.style.backgroundColor = `${HEXCODE}`
}

function getCode(event){
  INPUT.addEventListener("click",handleClick);
}

function init(){
  getCode();
}

init();

참고

github.com/airbnb/javascript#whitespace

airbnb/javascript

바닐라코딩의 켄님이 추천해주신 참고사이트 중

airbnb JavaScript Style Guide

를 참고했다. 엄청 자세하게 구구절절 나뉘어져있어서 참고하기 좋다.