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

김보나·2022년 1월 21일
0

javascript

목록 보기
3/12


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. 랩핑하는 함수를 만들기 -> 그 함수를 호출하는 함수를 또 만들기
profile
우주최강 개발자가 될 때까지😈

0개의 댓글