[8일차] <연산자>, <제네릭 사용법>

[xeunnie]

[8일차] 키워드 및 질문

[모던 자바스크립트 Deep Dive]

<7장 연산자>

1. 산술 연산자
2. 할당 연산자
3. 비교 연산자
4. 삼항 조건 연산자
5. 논리 연산자
6. 쉼표 연산자
7. 그룹 연산자
8. typeof 연산자
9. 지수 연산자
10. 그 외의 연산자
11. 연산자의 부수효과
12. 연산자 우선순위
13. 연산자 결합 순서

[우아한 타입스크립트 with 리액트]

<3-3장 제네릭 사용법>

1. 함수의 제네릭
2. 호출 시그니처의 제네릭
3. 제네릭 클래스
4. 제한된 제네릭
5. 확장된 제네릭

[wlgusqkr]

[모던 자바스크립트 Deep Dive]
<7장 연산자>
typeof 연산자
부수효과

Q1. ==과 ===의 차이는?
[우아한 타입스크립트 with 리액트]
<3-3장 제네릭 사용법>
제한된 제네릭
확장된 제네릭

Q2. 클래스란 무엇인가요?

[202110861]

Q1. ==과 ===의 차이는?

• ==는 값만 비교해서 같으면 true
• ===는 값과 타입까지 비교해서 같아야 true

Q2. 클래스란 무엇인가요?

• 객체를 생성하는 역할을 하며 생성자와 메서드가 포함될 수 있다.

[xeunnie]

Q1. ==과 ===의 차이는?

A1.

• 동등 연산자 (==)는 타입 변환 후 값을 비교하지만, 일치 연산자 (===)는 타입과 값이 모두 같아야 true를 반환합니다.
• 즉, "5" == 5는 true가 되지만, "5" === 5는 false입니다.
• 타입 강제 변환으로 인해 예기치 않은 결과가 발생할 수 있으므로, 항상 ===을 사용하는 것이 권장됩니다.

Q2. 클래스란 무엇인가요?

A2.

• 클래스는 객체를 생성하기 위한 템플릿(설계도)이며, 생성자와 메서드를 포함할 수 있습니다.
• ES6에서 도입된 class 문법은 프로토타입 기반 객체지향 프로그래밍을 쉽게 작성할 수 있도록 도와줍니다.
• 객체의 상태(프로퍼티)와 동작(메서드)을 하나의 단위로 묶어 재사용성과 유지보수성을 높이는 역할을 합니다.

[202110861]

<모던 자바스크립트 Deep Dive>

1. 키워드

   • 삼항 조건 연산자
   • 부수효과
   • typeof 연산자
   • 지수 연산자(**)

2. 질문
   Q1. NaN=== NaN; 의 값이 무엇이며 그 이유는 무엇인가요?

<우아한 타입스크립트>

1. 키워드
   • 제네릭 사용법
   • 함수, 호출 시그니처, 클래스
   • 제한된 제네릭
   • 확장된 제네릭
2. 질문
   Q2. 제네릭을 사용할 때의 주의할 점은 무엇인가요?

[202110861]

Q1. NaN=== NaN; 의 값이 무엇이며 그 이유는 무엇인가요?

• false가 나온다.
• NaN은 자신과 일치하지 않는 유일한 값이기 때문이다.

Q2. 제네릭을 사용할 때의 주의할 점은 무엇인가요?

• 재사용성을 높이기 위해 제네릭을 사용하는 건데 한곳에만 사용하기 위해 제네릭을 사용한다면 굳이 사용하지 않아도 된다.
• 재사용 할때 any타입의 사용을 주의해야 한다. any타입은 모든 타입을 허용하기 때문에 자바스크립트를 사용하는 것과 같다. 제네릭을 포함해 타입을 사용하는 의미가 없어진다.
• 과하게 사용하게 되면 가독성을 해치기 때문에 적당히 사용하거나 복잡한 제네릭은 의미단위로 분할해서 사용하는 것이 좋다.

[xeunnie]

Q1. NaN=== NaN; 의 값이 무엇이며 그 이유는 무엇인가요?

A1.

-NaN === NaN은 false를 반환합니다.
이는 NaN(Not-a-Number)은 자신과도 동등하지 않은 유일한 값이기 때문입니다.
NaN 여부를 확인하려면 Number.isNaN(value) 또는 isNaN(value)를 사용해야 합니다.

Q2. 제네릭을 사용할 때의 주의할 점은 무엇인가요?

A2.

• 제네릭을 사용할 때는 불필요한 남용을 피하고, 타입 안정성을 유지하는 것이 중요합니다.
• 가능하면 any 대신 제네릭을 사용하되, 불필요하게 복잡한 제네릭 사용은 피해야 합니다.
• 또한, 타입을 제한할 필요가 있다면 extends를 사용하여 범위를 설정하는 것이 좋습니다.

[xeunnie]

[모던 자바스크립트 Deep Dive]

키워드

1. 삼항 연산자 (?:)
2. 단축 평가 (Short Circuit Evaluation)
3. 연산자 우선순위

질문

• 논리 연산자의 단축 평가는 무엇이며, 실제 개발에서 어떻게 활용되나요?
• 동등 연산자(==)와 일치 연산자(===)의 차이점과 사용 시 주의할 점은?

[우아한 타입스크립트 with 리액트]

키워드

1. 제네릭 함수 (Generic Function)
2. 제네릭 클래스 (Generic Class)
3. 제한된 제네릭 (Bounded Generic)

질문

• 제네릭과 any의 차이점은 무엇이며, 언제 제네릭을 사용해야 하나요?
• 제네릭을 사용하면 코드의 재사용성이 어떻게 증가하는지 예제와 함께 설명해주세요.

[202110861]

Q1. 논리 연산자의 단축 평가는 무엇이며, 실제 개발에서 어떻게 활용되나요?

• | : 왼쪽이 true이면 오른쪽은 평가 X
• & : 왼쪽이 true이면 오른쪽도 평가. false 면 오른쪽은 평가 X
• 에러가 true 라면 에러 났을 때 보여주는 화면의 코드를 넣어준다.

Q2. 제네릭과 any의 차이점은 무엇이며, 언제 제네릭을 사용해야 하나요?

• 제네릭은 타입을 변수처럼 전달받아서 컴파일 시점에 타입을 결정할 수 있다.
• any는 모든 타입 값을 허용하는 타입이며, 컴파일러가 타입 검사를 하지 않는다.
• 재사용 가능한 인터페이스를 정의할 때, 함수에 다양한 타입을 적용해야 할 때 등 사용

[xeunnie]

Q1. 논리 연산자의 단축 평가란?

A1.

• 논리 연산자의 단축 평가(short-circuit evaluation)란, 왼쪽 피연산자의 값만으로 결과가 결정되면 오른쪽 연산을 수행하지 않는 방식입니다.
• 예를 들어, true || expr에서 expr은 실행되지 않으며, false && expr에서도 expr은 실행되지 않습니다.
• 이를 활용하면 기본값 할당, 옵셔널 체이닝, 조건부 실행 등에 유용하게 사용할 수 있습니다.

Q2. 제네릭과 any의 차이점은 무엇이며, 언제 제네릭을 사용해야 하나요?

A2.

• any는 모든 타입을 허용하지만, 타입 안정성이 떨어지며, 타입 추론이 불가능합니다.
• 반면, 제네릭은 사용자가 타입을 지정할 수 있어 타입 안정성을 유지하면서도 유연성을 제공합니다.
• 제네릭은 함수나 클래스가 여러 타입을 지원해야 하지만, 타입 안정성도 유지하고 싶을 때 사용해야 합니다.

[Stella-516]

<자바 스크립트 딥다이브>
-키워드
NaN
불리언 논리
고유식별자
타입 강제 변환

Q. 템플릿 리터럴과 일반 문자열을 연결할 때의 차이점은 무엇인가요?

<우아한 타입스크립트>
-키워드
타입인자
타입추론
제네릭 클래스
제네릭 상속

Q. 제네릭 함수란 무엇이며, 어떤 상황에서 제네릭 함수를 사용하는 것이 유리한가요?

[xeunnie]

Q1. 템플릿 리터럴과 일반 문자열을 연결할 때의 차이점은 무엇인가요?

A1.

• 일반 문자열("" 또는 '')을 연결할 때는 + 연산자를 사용해야 하지만, 템플릿 리터럴(``)은 ${} 표현식을 사용하여 변수와 직접 연결할 수 있습니다.
• 템플릿 리터럴을 사용하면 줄바꿈(\n 없이 가능), 가독성이 향상, 변수 포함이 쉬워 가독성과 유지보수성이 좋아집니다.
• 또한, 템플릿 리터럴은 내부적으로 join()을 사용하여 성능적으로 더 최적화될 수 있습니다.

Q2. 제네릭 함수란 무엇이며, 어떤 상황에서 제네릭 함수를 사용하는 것이 유리한가요?

A2.

• 제네릭 함수는 매개변수나 반환 값의 타입을 미리 정하지 않고, 함수 호출 시 타입을 동적으로 지정할 수 있는 함수입니다.
• 같은 로직을 여러 타입에서 재사용할 수 있어 유연성과 타입 안정성을 동시에 보장하며, 특히 API 응답 처리, 데이터 변환, 유틸리티 함수에서 유용합니다.
• 제네릭을 사용하면 불필요한 타입 변환을 줄이고, 코드 중복을 방지할 수 있어 유지보수성이 향상됩니다.