TIL | [React] if문과 삼항연산자, 함수 선언에서 기본 매개변수 받아오기

[사전 캠프 5일차]

오늘의 코드카타

🔹숫자 비교하기

• 엑셀 이용시 평소 사용하던 if문을 사용한 코드

function solution(num1, num2) {
    let answer = 0;
    if (num1 == num2){
        answer = 1;
    } else{
        answer = -1;
    }
    return answer;
}

• 삼항 연산자라는 것이 있는것도 알았다.
  → (조건) ? (참일 시 값) : (거짓일 시 값)

function solution(num1, num2) {
    let answer = num1 == num2 ? 1 : -1;
    return answer;
}

if문 1번 쓸 코드에서는 삼항 연산자를 사용하는 것도 좋겠다.

🔹각도기

• if문과 else if문을 사용한 코드

function solution(angle) {
    let answer
    if (0 < angle && angle < 90){
        answer = 1; // 예각
    } else if (angle == 90){
        answer = 2; // 직각
    } else if (90 < angle && angle < 180){
        answer = 3; // 둔각
    } else if (angle == 180){
        answer = 4; // 평각
    }
    return answer;
}

조건문에서 and(&&)와 or(||)를 찾아보느라 시간이 좀 걸렸다. 그리고 등치 기호가 ==인것도 아직은 종종 잊어버리고 있다. (===은 자료형 까지 같아야 같은 값으로 인식)

🔹두 수의 나눗셈

function solution(num1, num2) {
    let answer 
        answer = Math.floor((num1 / num2) * 1000);
    return answer;
}

컴퓨터 프로그램에서는 우리가 생각하는 일반적인 부분보다 좀더 세세하게 지정을 해줘야 원하는 결과값이 나온다.
3/2 = 1.5이기에 단순하게 1,000을 곱하면 원하는 1,500이 나오겠지? 해서 함수 없이 단순 사칙연산으로 계산 하였으나
다른 입출력 예시를 보면 7 / 3 = 2.33333….이 되어 버린다. 이부분을 정수 까지만 표기하도록 직접 알려줘야 한다. 그래서 지난 시간에 알아본 Math.함수를 사용 하였다.

함수선언 기초

🔹기본 값이 있는 매개변수

function greetWithDefault(name = "Guest"){
	console.log(`Hello, ${name}!`);
}
greetWithDefault();
greetWithDefault('Alice');

아무리 Default값을 넣고 실행을 해보아도 원하는 값이 출력되지 않아 고민을 많이 했다.
강의에서 확인 했던 ${변수}를 한참 후에야 다시 확인후 "아! 맞다!"를 외친 후 다시 작업하여 원하는 값을 얻었다!!