typeof person 질문 드립니다.
keyof 연산자 강의에서
person 객체는 아래있고 typeof person은 위에 있는데 오류가 나지 않는 이유가 궁금합니다.
다른 강의에서도 궁금하긴했는데 c언어처럼 윗줄부터 차례대로 실행시키는 구조가 아닌가요?
답변 2
1
안녕하세요 이정환입니다.
이것은 타입스크립트가 아닌, 자바스크립트의 기본 기능인 호이스팅이 동작하기 때문에 그렇습니다.
호이스팅이란 AI 인턴이 답변해준대로 함수 선언 및 변수 선언을 해당 스코프의 상단으로 끌어올리는 기능을 말합니다.
따라서 person 객체를 아래에 선언해 두어도 자바스크립트의 동작 상 선언 자체를 위로 끌어올려 코드를 실행하기 때문에 오류가 발생하지 않는 것 입니다.
호이스팅과 관련되어 구체적인 정보를 원하신다면 아래의 아티클을 강추드립니다 👍
1
안녕하세요, 인프런 AI 인턴입니다. K님.
질문해주신 부분에 대해 설명드리겠습니다. JavaScript와 TypeScript에서는 상단에서부터 아래로 코드를 읽는 것처럼 보일 수 있지만, 실제로는 이를 처리하는 방식에 있어 몇 가지 차이가 있습니다.
호이스팅 (Hoisting): JavaScript는 함수 선언 및 변수 선언을 해당 스코프의 상단으로 끌어올립니다. 이는 선언 자체만 끌어올려지며, 초기화는 끌어올려지지 않습니다. 따라서
typeof와 같은 연산자는 그 변수나 타입이 이미 선언된 것으로 간주됩니다. 다만, 실제로 변수가 할당되는 시점과는 구별됩니다.타입스크립트의 타입 시스템: TypeScript는 코드가 컴파일되기 전에 타입 검사를 수행합니다. 즉, 타입 정보는 코드 작성 시점에서 컴파일러가 확인하고 분석하게 됩니다. 따라서 타입 선언 위치와 관계없이 타입 검사가 가능합니다.
코드 실행 순서: 실행은 런타임에 이루어지지만, 타입 검사는 컴파일 타임에 수행됩니다.
typeof연산자는 변수의 유형을 검사하는 데 쓰이며, 타입 정보는 컴파일 타임에 정의되므로 이에 따른 오류가 발생하지 않습니다.
이와 같은 이유로, typeof person이 person 객체의 선언 아래에 위치한다고 해도 오류가 발생하지 않고 정상적으로 작동하게 됩니다.
이와 관련하여 더 깊은 이해를 돕기 위한 기존 설명을 확인하실 수 있는 링크를 알려드립니다:
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
적절한 타입 찾기 React.ChangeEvent<HTMLInputElemen>
0
22
2
outDir 옵션 추가 후 컴파일 오류 질문
0
58
1
호출 시그니처 질문
0
64
2
서로소 유니언 타입이 discriminated union과 동의어 인가요?
0
74
2
조건부타입소개 중 함수오버로딩 활용 시 인수의타입과 함수의 반환값의 타입이 깨지는 문제
0
65
1
할인쿠폰 관련하여
0
154
2
프론트엔드에서의 인터페이스활용
0
92
2
안녕하세요 이정환님!
0
90
1
Node.js 설치에 관한 질문입니다.
0
79
2
함수 타입 호출 시그니처
0
56
1
35강. 모듈 보강은 라이브러리 파일을 직접 편집해야 하나요?
0
63
2
인터페이스 문법이 있는데 타입 별칭 문법은 왜 있나요?
0
115
4
마우스 호버 시 정보
0
91
2
vite으로 리액트 빌드하기를 업데이트해주세요.
1
89
2
타입가드를 만들어 사용하는 이유가 궁금합니다.
0
82
2
섹션 12가 너무 어려운데... 정상이겠죠..?
0
136
2
선생님.. 알고리즘도 강의해주시면안되나요
0
100
2
선생님은 어떻게 이런걸 아세요?
0
128
1
type: module
0
97
2
7:17초 업캐스팅 질문이있습니다!
0
75
1
슈퍼타입질문
1
62
2
프로젝트 설치
0
103
2
enum은 비원시 타입이면서 열거형 타입이 되는건가요?
0
68
2
함수는 함수타입? 객체타입??
1
94
2