anko와 함께하는 developer :D anko와 함께하는 developer :D

JavaScript/CleanCode

• 형변환 주의하기

  JavaScript/CleanCode 2023. 2. 23. 08:25

  사용자가 형변환을 했을 때는 '명시적인 형변환' String(11 + '문자와 결합'); Boolean('문자열'); JavaScript가 평가했을 때는 '암묵적인 형변환' 이 발생한다. 11 + '문자와 결합'; // '11 문자와 결합' !!'문자열'; // true !!''; // false 결론: 코드는 사람이 짜는 것이기 때문에 명시적으로 예측할 수 있는 형변환을 추천

  Read More
• undefined, null

  JavaScript/CleanCode 2023. 2. 22. 12:29

  undefined: 선언했지만 값은 정의되지 않고 할당 X let hi; typeof hi; // 'undefined' undefined + 10; // NaN !undefined // true undefined == null // true undefined === null // false !undefined === !null // true null: 값이 없다고 명시적으로 알려줌 !null; // true !!null; // false null === false; // false !null === true; // true // null은 숫자적으로 표현할 때 0에 가깝다 null + 123; // 123 정리 - undefined, null 은 결국 값이 없거나 정의되지 않은 것 - 숫자로 표현하면 n..

  Read More
• 호이스팅 주의하기

  JavaScript/CleanCode 2023. 2. 22. 09:01

  호이스팅이란? 런타임시 선언이 최상단으로 끌여 올려지는 것 문제점 코드를 작성할 때 예측하지 못한 실행 결과가 나옴 해결법 변수를 선언할 때 var 사용 금지, let, const 지향하기 // var 사용 금지 var num = 1; // let, const 지향 const number = 1; let nums = 1; 함수 표현식 사용하기 const sum = (a, b) => { return a + b; };

  Read More
• 임시 변수 제거

  JavaScript/CleanCode 2022. 10. 6. 13:04

  임시 변수의 문제점? - 명령형으로 가득한 로직 - 어디서 어떻게 잘못되었는지 디버깅이 힘들다 - 함수를 하나의 역할만 하게 해야하는데, 임시 변수라는 키워드가 추가적인 코드를 작성하고 싶게 유혹하게 된다. - 코드 유지보수가 어렵다 임시 변수의 해결책? - 함수 나누기 - 바로 반환(return) - 고차함수 사용(map, filter, reduce) 사용 - 선언형 코드로 바꾸기 아래 코드를 보면 임시 변수(임시 객체)는 코드가 깔끔하지 않다. function getElements() { const result = {}; // 임시 객체 result.title = document.querySelector('.title'); result.text = document.querySelector('.text..

  Read More