자바스크립트 개발자라면 typeof 연산자에 익숙할 겁니다. 값의 타입을 문자열로 알려주는 편리한 도구죠. 하지만 타입스크립트의 typeof는 단순한 연산자를 넘어, 타입 시스템의 강력한 도구로 활용됩니다.1. 자바스크립트의 typeof (런타임)자바스크립트에서 typeof는 코드가 실행되는 런타임에 동작합니다. 주어진 값의 타입을 문자열로 반환하는 역할을 해요.JavaScript typeof 123; // "number"typeof "hello"; // "string"typeof { a: 1 }; // "object"이때, typeof가 반환하는 결과는 'number', 'string', 'object' 같은 문자열 값입니다.2. 타입스크립트의 typeof (타입 쿼리 ..
typescript
트러블 이슈 코드 번들링 사이트를 만들던 중 버그가 발견 되었다. 아래 이미지를 보면 왼쪽 검은색 영역이 코드를 작성하는 부분이고, 오른쪽 흰색은 그 코드의 결과가 나오는 화면이다. 그런데 새로고침을 할 때마다 흰색 영역이 한 번 검은색으로 깜빡 거리는 현상이 있었다. code-cell.tsx (코드 결과를 보여주는 React Component) import './code-cell.css'; import { useEffect } from 'react'; import CodeEditor from './code-editor'; import Preview from './preview'; import Resizable from './resizable'; import { Cell } from '../state';..
