📚 스터디 명 : 모던할-수-있는거-맞는거니
📅 스터디 4주차 :
2023 / 11 / 30 (목) PM 5:00 ~ 6:00
📖4주차 스터디 목표 범위 :
모던자바스크립트 Deep Dive
07장 연산자 (page.74 ~ page.92)
👨🏻‍💻 진행 순서 :
스터디 그룹원들(총4명) 과 모던 자바스크립트를 한 주간 읽고,
4주차 목표 범위 내에 개인이 선정한 주제 1~2분간 발표 진행

🤓 중요하다고 생각한 내용들

📌 암묵적으로 타입을 변환 해주는 동등 비교 연산자(Page.81)

동등 비교(==) 연산자는 좌항과 우항의 피연산자를 비교할 때 먼저 암묵적 타입 변환을 통해 타입을 일치시 킨 후 같은 값인지 비교한다. 따라서 동등 비교 연산자는 좌항과 우항의 피연산자가 타입은 다르더라도 암묵 적 타입 변환 후에 같은 값일 수 있다면 true를 반환한다.

📌 삼항 조건 연산자(Page.84~85)

삼항 조건 연산자(Ternary operator)는 조건식의 평가 결과에 따라 반환할 값을 결정한다. 자바스크립트의 유일한 삼 항 연산자이며, 부수 효과는 없다. 삼항 조건 연산자 표현식은 다음과 같이 사용한다.

     조건식 ? 조건식이 true일 때 반환할 값 : 조건식이 false일 때 반환할 값

삼항 조건 연산자는 첫번째 피연산자가 true로 평가되면 두번째 피연산자를 반환하고, 첫번째 피연산자가 false로 평가되면 세번째 피연산자를 반환한다. 즉, 삼항 조건 연산자는 두 번째 피연산자 또는 세번째 피 연산자로 평가되는 표현식이다.
물음표(?) 앞의 첫번째 피연산자는 조건식, 즉 불리언 타입의 값으로 평가될 표현식이다. 만약 조건식의 평가 결과가 불리언 값이 아니면 불리언 값으로 암묵적 타입 변환된다. 이때 조건식이 참이면 콜론(:) 앞 의 두 번째 피연산자가 평가되어 반환되고, 거짓이면 콜론(:) 뒤의 세 번째 피연산자가 평가되어 반환된다.

삼항 조건 연산자 표현식은 값으로 평가할 수 있는표현식인 문이다. 따라서 삼항 조건 연산자 표현식은 값처 럼 다른 표현식의 일부가 될 수 있어 매우 유용하다.

<script>
var x = 10;
// 삼항 조건 연산자 표현식은 표현식인 문이다. 따라서 값처럼 사용할 수 있다. 
var result = x % 2 ? '홀수' : '짝수';
console.log(result); // 짝수
</script>

조건에 따라 어떤 값을 결정해야 한다면 if... else 문보다 삼항 조건 연산자 표현식을 사용하는 편이 유리하다.하지만조건에따라수행해야할문이 하나가 아니라여러개라면 if...else문의가독성이더좋다.

🤔 중요하다고 생각한 이유

📌 암묵적으로 타입을 변환 해주는 동등 비교 연산자(Page.81)

동등비교연산자를 사용하면안되는 이유를 정확히 인지하지 못하고 그저 동등비교연산자(==)보다 일치비교연산자(===)가 정확하게 비교를 해준다고 인지만 하고있었기에 동등비교연산자는 사용을 안하고있었습니다.
하지만 이유를 알고 나서 왜 사용하면 안되는지 이유를 설명을 할 수 있는 사람이 되어서 개인적으로 중요한 내용이라고 생각을 했습니다.위 내용에 부연설명을 하자면
Number값인 5와
String값인 "5"를 동등비교연산자(==)로 비교했을 때,
true값이 출력되는 이유는
Number 5 == String "5"
자바스크립트 엔진에 의해 연산의 대상인 피연산자 String "5"인 값을 Number 5로 암묵적 타입 변환을 시켜서 숫자형으로 변환을 해줍니다. 이로 인해
기존의 Number 5값은 숫자형 이므로 문자형 "5"인값만 숫자형으로 변환을 하게 되는거죠.그래서
Number 5와 == Number 5로 반환하여 비교를 하게되고 둘의 값은 같으므로 true를 출력하게 됩니다.
어떻게 보면 문제점이 될 수있는 암묵적 타입 변환을 방지하기위해 일치비교연산자를 사용한다고 합니다.

📌 삼항조건연산자(Page.84~85)

React를 학습하면서 if문도 많이 활용하지만 삼항조건연산자 활용하는 코드도
많이 접한것 같습니다.
JSX에서는 if문이나 for,switch문 제어문을 사용하는데 제한이 있기 때문에 표현식 문인 && 연산자나 삼항연산자가 많이 사용된다고합니다.
삼항조건연산자에 대해 이해를 하고있다면 코드 가독성이 좋다고 표현은 못하겠지만 좀 더 클린하게
코딩을 할수 있지않을까 라는 생각에 삼항조건연산자 내용이 중요하다고 생각을 하게 됐습니다.

💡 4주차 느낀점 3가지

"React학습 중에 어려움을 많이 느꼈었는데 JS에서 느낀게아닌가 싶다."
"실무자들이 기본기가 탄탄해야되는 이유를 말해주는 이유가 있는것 같다.."
"JS , React 너무나도 잘하고싶다."