[5일차] <표현식과 문>, <타입> 키워드 및 질문

[xeunnie]

[5일차] 키워드 및 질문

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

<5장 표현식과 문>

1. 값
2. 리터럴
3. 표현식
4. 문
5. 세미콜론과 세미콜론 자동 삽입 기능
6. 표현식인 문과 표현식이 아닌 문

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

<2-4장 객체 타입>

• object
• array
• type, interface
• function

[202110861]

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

1. 키워드
   • 값
   • 리터럴
   • 표현식
   • 문
   • 토큰
   • 세미콜론
2. 질문
   Q1. 표현식인 문과 아닌 문을 구별하는 가장 간단한 방법은?

<우아한 타입스크립트>

1. 키워드
   • 오브젝트
   • 중괄호
   • 배열(array)
   • type과 interface
   • function
   • 호출 시그니처
2. 질문
   Q2. 자바스크립트오 타입스크립트의 배열 차이는?

[xeunnie]

Q1. 표현식인 문과 아닌 문을 구별하는 가장 간단한 방법은?

A1.

표현식(값을 반환하는 코드)은 변수에 할당할 수 있지만, 표현식이 아닌 문(선언문, 제어문 등)은 값을 반환하지 않기 때문에 변수에 할당할 수 없습니다.
예를 들어, x = 10 + 20;은 표현식이지만, if (true) {}는 변수에 할당할 수 없으므로 표현식이 아닙니다.

Q2. 자바스크립트와 타입스크립트의 배열 차이는?

A2.

자바스크립트 배열은 어떤 타입의 값이든 포함할 수 있는 동적 배열이지만, 타입스크립트 배열은 배열 내부의 요소 타입을 명확히 지정해야 합니다.
타입스크립트에서는 number[] 또는 Array처럼 명확한 타입을 설정하여 배열의 일관성을 유지할 수 있습니다.
이를 통해 타입 안정성을 보장하고, 잘못된 타입 할당을 방지할 수 있습니다.

[202110861]

Q1. 표현식인 문과 아닌 문을 구별하는 가장 간단한 방법은?

• 변수에 할당해 보는 것
• 변수 선언문, 할당문은 값으로 평가할 수 없으므로 변수에 할당하면 에러가 발생함.

Q2. 자바스크립트오 타입스크립트의 배열 차이는?

• 자바스크립트: 자유롭게 원소 추가 및 제거 가능. 타입 제한 없음. 배열 안에 서로 다른 타입의 값이 혼재될 수 있음.
• 타입스크립트: array라는 별도 타입이 있음. 하나의 타입만 가질 수 있음.

[wlgusqkr]

Q1. 표현식인 문과 아닌 문을 구별하는 가장 간단한 방법은?
변수에 할당해보면 된다. 할당이 가능하다면 표현식인 문 에러가 난다면 표현식이 아닌 문이다.
Q2. 자바스크립트오 타입스크립트의 배열 차이는?

자바스크립트: 타입 제한이 없어 배열에 객체, 배열, 함수, 원시타입 다 넣을 수 있다.
타입스크립트: 하나의 타입만 가질 수 있다.

[wlgusqkr]

[모던 자바스크립트 Deep Dive]
<4장 변수>
리터럴
표현식
ASI

[우아한 타입스크립트 with 리액트]
<2-4장 객체 타입>
object
튜플
type, interface
호출시그니처

object타입이란 무엇이고 단점은 무엇인가

[xeunnie]

Q1. object타입이란 무엇이고 단점은 무엇인가

A1.

타입스크립트에서 object 타입은 객체, 배열, 함수 등 객체로 분류되는 모든 값을 허용하지만, 원시 타입(string, number, boolean 등)은 포함하지 않습니다.
그러나 object 타입은 구체적인 속성을 정의하지 않으므로 정적 타이핑의 장점을 약화시켜 권장되지 않습니다.
대신, 명확한 속성을 정의한 인터페이스나 타입을 사용하는 것이 좋습니다.

[202110861]

Q1. object타입이란 무엇이고 단점은 무엇인가
원시 타입을 제외한 나머지 (객체, 배열, 함수, 클래스 등)
any 타입과 유사하게 객체에 해당하는 모든 타입 값을 유동적으로 할당할 수 있어 정적 타이핑의 의미가 없어지기 때문에 권장하지 않는다.

[wlgusqkr]

Q1. object타입이란 무엇이고 단점은 무엇인가
타입스크립트에서 object타입 안에는 원시 타입 말고 함수, 객체, 배열이 포함되어 있는데 어떤 값을 object 타입으로 선언한다면 정확히 함수인지 객체인지 배열인지 알 수 없다.

[xeunnie]

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

키워드

1. 표현식(Expressions): 값으로 평가될 수 있는 문
2. 리터럴(Literal): 값을 생성하는 표기법
3. 세미콜론 자동 삽입 기능(ASI): 자바스크립트 엔진이 생략된 세미콜론을 자동으로 삽입하는 기능

질문

• 자바스크립트에서 표현식과 문(Statement)의 차이를 설명하고, 표현식이 아닌 문을 어떻게 구별할 수 있는지 설명하세요.

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

키워드

1. 튜플(Tuple): 고정된 개수와 타입을 가지는 배열
2. 호출 시그니처(Call Signature): 함수의 매개변수와 반환 타입을 명시하는 타입 정의 방식
3. 인터페이스(Interface): 객체의 구조를 정의하고 확장이 가능한 타입 시스템

질문

• 타입스크립트에서 배열과 튜플의 차이를 설명하고, 각각 언제 사용하는 것이 좋은지 예제를 포함하여 설명하세요.

[xeunnie]

Q1. 자바스크립트에서 표현식과 문(Statement)의 차이를 설명하고, 표현식이 아닌 문을 어떻게 구별할 수 있는지 설명하세요.

A1.

이 둘을 구분하는 가장 큰 차이는 값을 생성하느냐(=평가될 수 있느냐) 입니다.
표현식은 변수에 할당할 수 있지만, 문은 할당할 수 없습니다.
표현식은 값을 생성하여 평가될 수 있는 코드이며, 문은 어떤 동작을 수행하는 코드로 값을 반환하지 않을 수도 있습니다.

Q2.타입스크립트에서 배열과 튜플의 차이를 설명하고, 각각 언제 사용하는 것이 좋은지 예제를 포함하여 설명하세요.

A2.

배열은 같은 타입의 여러 개의 요소를 담을 수 있는 컬렉션이지만, 튜플은 길이와 타입이 정해진 배열입니다.
배열은 유동적으로 요소를 추가할 수 있지만, 튜플은 사전에 정의된 요소의 개수와 타입을 유지해야 합니다.
배열은 일반적인 리스트 데이터를 저장할 때 사용하고, 튜플은 의미 있는 구조를 표현할 때 사용하면 좋습니다.

[202110861]

Q1. 자바스크립트에서 표현식과 문(Statement)의 차이를 설명하고, 표현식이 아닌 문을 어떻게 구별할 수 있는지 설명하세요.

• 표현식: 값으로 평가될 수 있는 문
• 문: 프로그램을 구성하는 기본 단위이자 최소 실행 단위
• 문에는 표현식인 문과 아닌 문으로 나뉘는데 값으로 평가될 수 있냐에 따라 달라진다.

Q2.타입스크립트에서 배열과 튜플의 차이를 설명하고, 각각 언제 사용하는 것이 좋은지 예제를 포함하여 설명하세요.

• 배열: 같은 타입의 값을 여러 개 저장할 수 있음. (같은 타입의 데이터가 반복적으로 동적으로 사용될 때)
• 튜플: 길이와 타입이 정해진 배열 (http 응답, rgb 고정, 지역 고정)

[wlgusqkr]

Q1. 자바스크립트에서 표현식과 문(Statement)의 차이를 설명하고, 표현식이 아닌 문을 어떻게 구별할 수 있는지 설명하세요.
A1.
이 둘을 구분하는 가장 큰 차이는 값을 생성하느냐(=평가될 수 있느냐) 입니다.
표현식은 변수에 할당할 수 있지만, 문은 할당할 수 없습니다.
표현식은 값을 생성하여 평가될 수 있는 코드이며, 문은 어떤 동작을 수행하는 코드로 값을 반환하지 않을 수도 있습니다.

Q2.타입스크립트에서 배열과 튜플의 차이를 설명하고, 각각 언제 사용하는 것이 좋은지 예제를 포함하여 설명하세요.
A2.
배열은 같은 타입의 개수가 정해져 있지 않고 튜플은 위치에 타입이 정해져 있고 개수도 정해져있다.
useState의 반환 값 처럼 배열의 인덱스마다 들어올 위치가 정해져 있는 값은 튜플을 사용한다.
배열은 관련된 같은 타입의 데이터 여러개를 관리해야할 때 사용한다.

[Stella-516]

<자바스크립트 딥다이브>
키워드
문
표현식
리터럴
세미콜론

Q. 토큰이란?

<우아한 타입스크립트>
키워드
type
interface
호출 시그니처
array
{}

Q. 자바스크립트의 배열과 타입스크립트의 배열 차이?

[xeunnie]

Q1. 토큰이란?

A1.

토큰(Token)은 자바스크립트 코드에서 의미를 가지는 최소 단위의 요소입니다.
변수 이름, 키워드, 연산자, 리터럴 등과 같이 더 이상 나눌 수 없는 문법적 요소로 구성됩니다.
예를 들어, var x = 10;에서 var, x, =, 10, ;는 각각 하나의 토큰입니다.

Q2. 자바스크립트의 배열과 타입스크립트의 배열 차이?

A2.

자바스크립트 배열은 다양한 타입의 요소를 가질 수 있는 동적 구조지만, 타입스크립트에서는 배열 요소의 타입을 명시적으로 지정해야 합니다.
타입스크립트에서는 number[]처럼 타입을 지정함으로써, 잘못된 타입의 값이 배열에 들어가는 것을 방지할 수 있습니다.
이를 통해 코드의 안정성을 높이고, 예기치 않은 버그를 방지할 수 있습니다.

[202110861]

Q1. 토큰이란?
문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 의미
토큰으로 이루어진 것이 문.
var sum = 1+2 ; // var, sum, =, 1, +, 2 각각이 토큰임.

Q2. 자바스크립트의 배열과 타입스크립트의 배열 차이?

• 자바스크립트: 자유롭게 원소 추가 및 제거 가능. 타입 제한 없음. 배열 안에 서로 다른 타입의 값이 혼재될 수 있음.
• 타입스크립트: array라는 별도 타입이 있음. 하나의 타입만 가질 수 있음.

[wlgusqkr]

Q1. 토큰이란?
문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소다

Q2. 자바스크립트의 배열과 타입스크립트의 배열 차이?

자바스크립트: 타입 제한이 없어 배열에 객체, 배열, 함수, 원시타입 다 넣을 수 있다.
타입스크립트: 하나의 타입만 가질 수 있다.