시스템에서 가능한 모든 값을 나타내는 타입모든 다른 타입의 값은 타입이 top인 위치에 제공될 수 있음모든 타입은 top 타입에 할당할 수 있음top타입을 사용하면 타입 검사가 매우 유연해짐 따라서 타입 에러를 사전에 발견하기 어려울 수 있음더 구체적이고 명확한 타입을

독립 함수(standalone function)을 이해하는 것과 동일한 방식으로 메서드를 이해함❗ <span style='background-color: 클래스나 객체에 속하지 않고 독립적으로 정의된 함수로,전역 범위에 정의되거나 모듈 내에서 직접 정의될 수 있음

Temp Body

자바스크립트에서 배열은 <span style='background-color: 매우 유연함배열을 읽을 때 혼란을 줄 수 있음프로그램에 문제가 될 만한 오류가 발생할 수 있음타입스크립트는 초기 <span style='background-color: 베열을 저장

매개변수(song)에 명시적으로 타입 정보를 입력하지 않으면, 타입스크립트가 이를 <span style='background-color: 매개변수에 애너테이션<span style='background-color: 그러니깐, 인수는 매개변수의 갯수와 일치해야

네번째. 객체 4.1 객체 타입 > ### 객체 리터럴의 형태 > ### 속성값에 접근하는 방법 따라서, gazero객체 리터럴 안에 객체의 음span style='background-color: #DAB4B8; color:#000'>속성명이 존재하는 경우 해당

세번째, 유니언과 리터럴 "타입스크립트에서 해당 값을 바탕으로 추론을 수행하는 핵심 개념 !" 코드 정보에 입각한 추론을 해내는 개념 유니언과 내로잉 유니언(union) ? > 값에 허용된 타입을 두 개 이상의 가능한 타입으로 확장하는 것 그리고 내로잉(nar

promise를 좀 더 간결하고, 간편하고동기적으로 실행되는 것처럼 보이게 만드는 기능 !기존에 존재하는 것을 감싸서 ! 그럴싸하게 보이게 !✅ 전제 ! 자바스크립는 "동기(Synchronous)"문제점pickFruit함수 안에 await getApple() 기다려 1

자바스크립트에서 제공하는 <span style='background-color: - 정해진 장시간 기능을 수행하고, 정상적으로 수행되면?🔗 성공메세지 + 처리된 결과값을 전달\*\*수행중 예상치 못한 에러가 발생하면?🔗 에러메세지 전달<span style

지난 포스팅에서 콜백을 간단히 "나중에 함수가 실행될 때 불러와줘"라고 대략적으로 설명하고 넘어감 ! 콜백 특) 동기 콜백과 비동기 콜백으로 나눠짐동기(synchronous)콜백비동기(asynchronous)콜백단, 콜백함수는 "콜백지옥 !(그러니깐, 콜백함수에서 다른

네트워크 처리 에 필수적인 기능 !동기적이다(Synchronous)cf. 동기적이란 ?호이스팅이 된 이후부터 우리가 작성한 코드 순서로 동기적으로 실행cf. 호이스팅이란 ?var 변수와 function 함수선언 등이 자동적으로 제일 위로 올라가는 것 !🌟 정리하자면,

형태 (a.k.a typeof)자바스트립트에서 다루는 값의 형태. 즉, 값에 존재하는 속성과 메서드👍 ts특 ) 마우스 오버하면 변수 타입을 보여줌마우스 오버로 문자열 변수의 타입을 보여줄 수 있음프로그래밍 언어가 프로그램에서 가질 수 있는 타입을 이해하는 방법에 대

러닝 타입스크립트"자바스크립트는 완전하지 않아 !" 그렇기 때문에 자바스크립트를 영리하게 사용하기 위한 도구 '타입스크립트'가 두둥 등장!컴퍼일러가 충돌 가능성을 먼저 확인하지 않고 코드를 실행그래서, JSDoc 표준을 채택하여 블록 주석으로 함수와 변수를 설명타입스크

React.memo는 React에서 제공하는 고차컴포넌트로보통 컴포넌트를 인자로 받아서, 고차컴포넌트(React.memo)의 prop check(prop이 변화했는지)를 통해 최적화된 컴포넌트를 반환하게 함일반적인 props 전달 과정을 확인하자 !기존값을 memoiz

값 대신에 함수 자체를 캐싱 (컴포넌트 렌더링 성능 최적화 → useCallback으로 컴포넌트 props가 변하지 않으면 렌더가 발생하지 않음)🔔 함수(콜백함수)를 배열형태의 함수 실행 조건값(deps)이 변경될 때까지 저장하고, 재사용(deps 값이 바뀌지 않는

Component 함수가 렌더링 되는 과정에서, value 변수는 초기화 됨 ! 따라서 calculate 함수의 값은 변하지도(update) 않았는데 호출됨 !→ 계산값을 메모리에 저장 (Memoization) → 동일계산의 반복수행 제거 !그러니깐, useMemo는

리액트는 여러개 컴포넌트로 구성됨 (트리형태)데이터 흐름은 상위컴포넌트(부모컴포넌트)에서 하위컴포넌트(자식컴포넌트) 즉, 위에서 아래로 데이터를 내려주는 형태최상위 컴포넌트(App)에 전달하고자 하는 state data를 두고, 그 F컴포넌트와 I컴포넌트에 데이터 값을

❓의문. useState로 상태 변화가 가능한데, useReducer를 굳이 사용하는 이유?👉 취지가 다름 !고객이 은행업무를 본다고 예를 들어보자. 고객은 한 명이 아니고, 또 은행의 상품도 한 가지가 아니다!모든 고객이 은행의 모든 상품 그리고 모든 업무를 직접

useEffect는

🖐️자깜마안! 혹시, 시간 있어요? 시간 있으면...........hook의 탄생 설화를 먼저 보고와염(시간 없어도 먼저 읽고 오는걸 권장)\[\[\[컴포넌트의 state(상태)를 간편하게 update 할 수 있게 하는 도구 !count라는 변수를 선언 ! (변수명은