코드노트

ReactDOM.createPortal(child, container) - createPortal은 리액트에서 DOM트리 의 다른 위치에 컴포넌트를 렌더링을 할 수 있는 기능 - 기본적으로 컴포넌트는 컴포넌트 트리의 노드로 렌더링이 되지만, 컴포넌트를 루트 DOM요소 밖의 다른 위치에 렌더링해야 할때 사용할 수 있다. - 간단하게 말하면 첫번째 인자는 자식요소, 두번째 인자는 자식요소를 렌더링할 DOM요소 ex) 모달, 툴팁, 독립적인 컴포넌트 등등 이번 프로젝트에서 모달을 사용하면서 css를 사용하여 z-index를 조절하여 모달을 만들었는데 createPortal을 사용하는것이 좋다고 한다. 아니 맞는것 같다. - 모달은 기존 컴포넌트 구조와 격리되어야한다. - 컴포넌트와 상호작용하는 문제가 발생할 ..

타입스크립트 열거형 - 의미있는 상수 자료를 정의할 수 있다! (문서화 시킬 수 있다.) - 키를 값에 할당하며 순서가 없는 집합이자 자료구조이다. - enum 키워드 + PascalCase 를 조합하여 생성한다. - 계산된 값을 사용할 수 있다. -> 타입스크립트가 알아서 추론한다. 순자형 열거 interface처럼 할당없이 객체를 선언하는것처럼 만들 수 있다. - Gold에 100을 주고 컴파일된 타입스크립트를 보면 값을 주지 않은 Silver, Bronze도 101, 102의 값을 가지고 있는걸 볼 수 있다. - interface는 값으로 사용할 수 없지만 enum은 값으로 사용이 가능하다. console.log를 찍어보면 객체가 나온걸 볼 수 있다. - 그 외에도 객체처럼 사용이 가능하다. - 아..

Primitive Type - 오브젝트, 레퍼런스 형태가 아닌 실제 값을 저장하는 자료형 - 프리미티브 형의 내장 함수를 사용 가능한것은 자바스크립트 처리 방식 덕분 - 리터럴 값으로 Primitive 타입의 서브타입을 나타낼 수 있다. Type Casign - TypeScript의 핵심 Primitive type은 모두 소문자이다. boolean let codenote :boolean = true / false; let codenote :true = true; let codenote :false = false; - boolean 소문자로 사용 - true / false number let codenote :number = 123; - javaScript, TypeScript의 모든 숫자는 부동소수점 값..