솔미는 성장중

타입 단언을 써주는 것이 유용한 경우에 대해 설명해주세요. 개발자가 타입을 확실히 알고 있는 부분에 대해서 타입을 강제하고자 할 때 유용할 수 있습니다. 예시로, 요소가 실제 html에 존재함을 알고 document.querySelector를 사용하는 경우에 as HTMLBodyElement 또는 !(not null 타입단언)로 타입단언을 해줄 수 있습니다. 두번째 경우로는, 가변적인 데이터 값을 저장하는 객체 데이터를 enum스럽게 활용하고 싶을 때 as const를 이용해 상수로 만들어줄 때 유용합니다. const enum을 대체하기 위해 주로 사용되며, 개별 속성에 지정해줄 수도 있고, 객체 차원에서 설정해줄 수 도 있습니다. https://xpectation.tistory.com/218#as%--..

💻 타입 호환 서로 다른 타입이 2개 있을 때 특정 타입이 다른 타입에 포함되는지를 의미 💻 구조적 타이핑 Animals 클래스가 Dog 인터페이스를 상속받아 구현하지 않았는데도 에러가 발생하지 않는 이유는? interface Dog { name:string; } interface Animals { name:string; } let i: Dog; i=new Animals(); 구조적 타이핑 특성 때문이다!! 🌞 구조적 타이핑 이란? 타입 유형보다는 타입 구조로 호환 여부를 판별하는 언어적 특성 ex) 타입별칭과 인터페이스도 같은 타입 구조를 갖고 있다면 호환 가능 ( 속성 이름까지 일치해야 함 ) 💻 호환 가능 여부따지기 1. 객체 타입의 호환 - 타입 유형에 관계없이 동일한 이름의 속성을 갖고 있고 해..

💻 타입 가드 여러 개의 타입으로 지정된 값을 특정 위치에서 원하는 타입으로 구분하는 것 💻 타입 가드가 필요한 이유 -/-예를 들어 number | string | boolean 타입으로 지정되어있다면 세 타입 모두에서 사용할 수 있는 속성과 API만 접근 가능하다. 즉, toUpperCase, toFixed() 등의 메소드를 사용할 수 없다. 해결 방법) 1. 타입 가드 사용하기 (다음 섹션에서 자세히 설명) 2. 타입 단언으로도 해당 문제를 해결 가능 //예시 function updateInput (textInput: number | string | boolean) { (textInput as number).toFixed(3); } 하지만 문제점! - 실행 시점의 에러를 막을 수 없다. - 타입 단..

💻 타입 단언 : 타입 추론에 기대지 않고 개발자가 직접 타입을 명시해 해당 타입으로 강제하는 것 💻 타입 단언 문법 1. 대상 원시 값 & 변수 & 함수 호출 결과 ... 사용 예시) 빈 객체 선언 후 속성을 추가했을 때 타입에러 발생. 이때 해당 속성을 담은 인터페이스로 타입 단언 2. 타입 단언 중첩 - 여러번 중첩 가능 3. 주의할 점 - as는 변수명에 사용 불가 ex) let num as number = 10; (x) - 호환되지 않는 데이터 타입으로는 단언 불가 ex) let num = 10 as string; (x) 💻 null 아님 보장 연산자 : ! 1. 대상 null이 들어와 오류가 발생하는 것을 방지하기 위해 함수 내에 null 값 체크 코드를 작성해줘야했다. 예시) if( book..

> SPA (single page application) SPA는 HTML5의 History api를 통해 가능하다 > JSX를 사용하지 않을 때 (원래) 리액트에서 화면 그리는 방식 (비효율적) React.createElement API (React.createElement(tag명, null , 내용))를 사용해서 엘리먼트 생성 후 이 엘리먼트를 In-Memory에 저장. -> ReactDOM.render 함수(ReactDOM.render(만든 요소, 그릴 위치))를 사용해 웹 브라우저에 그리기 > 불변성 원시타입은 Call Stack 메모리 공간에 참조 및 값 저장/ 고정된 크기 참조 타입(객체, 배열)은 heap이라는 곳에 값을 저장하고, Call Stack에는 그곳의 주소(Heap 메모리 참조 ..