🍊 2022-08-27

🔥 오늘 어디에 도전해보셨고, 무엇을 배우셨나요?

• 클린코드 자바스크립트
  • 타입 다루기
  • 경계 다루기

🌊 학습하시면서 궁금하신 부분이나, 어려웠던 점은 뭘까요?

• isNaN과 Number.isNaN의 차이점

🌟 내일은 어떻게 해보고 싶으세요?

---

⛑ 값을 비교할 때는 엄격하게!

이제는 값을 비교하는 구문을 작성할 때 무조건 일치 연산자(===)를 사용하지만 예전에는(내가 근무하던 회사에서는) 동등 연산자(==)만 사용했다. "1" == 1은 true처럼 타입이 다른 값들도 쉽게 비교가 가능하기 때문에 사용하지만 생각하지 못한 오류를 발생시킬 수 있으므로 엄격한 일치 연산자를 사용하여야 한다.

🐝 동등 연산자와 일치 연산자의 반환 값을 한 눈에 알 수 있는 사이트

valueAsNumber

type="number"인 input 요소의 value를 Number 타입으로 형 변환해주므로 parseInt나 Number를 사용해 따로 변환하지 않아도 된다.

⚠️ type이 number가 아니면 NaN을 반환하므로 주의하자!

🐝 참고

Input valueAsNumber

⛑ 경계값의 포함여부

최소값과 최대값 또는 두 개의 파라미터로 범위를 정하는 경우 해당 값을 포함하는지 아닌지에 대한 기준을 정해야 한다. (포함하는지 여부에 따라 포함한다면 이상과 이하, 포함하지 않는다면 초과와 미만) 팀원간의 컨벤션을 정의하거나 네이밍에 의미를 부여하자.