[클린코드 자바스크립트] Section 4 : 경계값 다루기

section 4는 짧게 진행되었고,
이런 코드를 저렇게 바꾸세요~ 하는 내용보다는
네이밍 규칙에 대해 들을 수 있는 강의였다.
파일명, 변수명, 함수명 등 네이밍 규칙은 (아주 기본적인걸 제외하고)
잘 몰라서 프로젝트 오피스아워때 지적받은 내용중 하나였다.
처음보다는 많이 고쳐지긴했지만 ^^;;
오늘 강의에서 깔끔히 하려면 이렇게하세요,
팀에서는 이런 규칙을 정하세요. 라는 내용이 많은 도움이 되었다.

---

min - max

• 최소값과 최대값을 사용하는 경우

function genRandomNumber(min,max) {
	return Math.floor(Math.random() * (max - min + 1)) + min;
	}

const MAX_NUMBER = 100
const MIN_NUMBER = 10

//초과
const MAX_NUMBER_LIMIT = 100
const MIN_NUMBER_LIMIT = 10

//이상
const MAX_IN_NUMBER = 100
const MIN_IN_NUMBER = 10

• 최소, 최대 값을 받는 함수를 사용할 때는 상수로 최소값과 최대값을 정해놓는게 좋다.
• 위와 같은 함수를 사용할 때 최소 최대값에 포함여부를 결정해야한다. (이상-이하/초과-미만)
• 혹은 네이밍에 최소값과 최대값 포함 여부를 표현한다.

---

begin - end

• 시작은 포함되어있는데 끝은 포함 안되어있는 경우
• ex) 숙박 예약 begin : 체크 인 일 end : 체크아웃 일

function reservationDate(beginDate, endDate) {
	...
	}
reservationDate('yyyy-mm-dd','yyyy-mm-dd')

• 이런식으로 작성하면 암묵적으로 begin은 포함하고, end는 포함되지 않는걸 알 수 있다.

---

first - last

• 양 끝 모두 포함되는 경우 first - last 키워드를 사용하는것이 좋다.
• ~~부터 ~~까지

const students = ['포포','코코','나나']

function getStudents(first,last){
	...
	}
getStudents('포포','나나')

---

prefix - suffix

• 접두사와 - 접미사
• 네이밍이 주는 약속
• 예시

  - react에서 use prefix는 hook을 뜻함.
  - jquery 객체는 $를 사용함
  - js에서는 private로 클래스에서 #을 사용함
  - 프로젝트 폴더 관리시 여러개가 포함되어있는 폴더는 `-s`로 끝남

• 팀에서 코드를 작성할 때 파일명과 함수명, 변수명에 규칙을 줘서 사용하는 경우가 많음

---

매개변수의 순서가 경계다.

• 함수의 매개변수는 웬만하면 두개가 넘지 않도록 하기
• 매개변수가 많으면 객체로 받기
• 호출하는 함수의 네이밍과 인자의 순서 연관성을 고려하기
  1. 매개변수 2개 넘지 않게 만들기
  2. 규칙직이지 않은 변수는 arguments나 rest parameter로 받기
  3. 매개변수를 객체로 받기
  4. 랩핑하는 함수를 만들기 -> 그 함수를 호출하는 함수를 또 만들기