import { startTransition } from 'react'; // 긴급한 업데이트 : 입력하고 있는 값 setInputValue(input); // startTransition으로 래핑된 업데이트는 긴급하지 않은 것으로 처리되고, 더 긴급한 업데이트가 들어오면 중단된다. startTransition(() => { // 전환 업데이트: 입력값에 따른 쿼리값 setSearchQuery(input); }); 2주차 주제 🛠️ 상태 관리가 rendering에 미치는 영향🛠️ 리액트 훅에대한 자세한 설명은 이전에 다뤘으므로, 간단하게 비교 및 언제사용하면 좋은지에 대해서만 다루겠다. useState vs useReducer useState 간단한 상태관리 값이 하나인 경우 상태들이 서로 관련이 없는경..

TO-DO-LIST 아침에 일어나서 알고리즘 공부 10시까지 19시부터 21시까지 애플코딩 타입스크립트 강의와 실습, 러닝타입스크립트 읽기 20시 부터 23시까지 프리온보딩 프론트엔드 리액트 강의 듣기 23시부터 자기전까지 투두리스트 CRUD 구현 2023 / 04 / 06 / 23:12 투두리스트 완료,

👀타입👀 "타입"은 자바스크립트에서 다루는 형태에 대한 설명이다. 여기서 "형태"란 값에 존재하는 속성과 메서드 그리고 내장되어 있는 typeof 연산자가 설명하는 것을 의미한다. 타입스크립트에는 아래의 일곱 가지 타입을 원시타입으로 정의한다. null undefined boolean // true 혹은 false string // "문자열" ,"123"... number // 12134564789, 2.4 bigint // 0n, 2n, -4n, ... symbol // Symbil(), Symbol("hi"), ... ※ Boolean, Number, String과 같은 래퍼 객체와는 다릅니다. 타입스크립트는 마우스 오버로 문자열 변수의 타입을 보여준다. 타입추론 타입스크립트는 초깃값으로 변수타입을 ..

제한을 통한 자유 타입스크립트를 사용하면 매개변수와 변수에 타입을 지정 할 수 있다. 코드를 지정한 방법으로만 사용하도록 제한한다면, 타입스크립트는 코드의 한 영역을 변경하더라도 이 코드를 사용하는 다른 코드영역이 멈추지 않는다는 확신을 줄 수 있다. function sayMyName(fullNmae) { console.log("내이름을 불러줘 쎄마넴 쎄마넴") } sayMyName("park","subeom") // Error : Expected 1 argument, but got 2. 위 코드는 자바스크립트에선 오류없이 작동되지만, 타입스크립트에선 허용하지않는다. 지정한 인수의 수와 다르게 사용하여 함수를 호출하는 것은 타입스크립트가 제한하는 자바스크립트가 가진 자유의 일종이다. 타입스크립트 환경에서..

TO-DO-LIST 아침에 일어나서 알고리즘 공부 10시까지 19시부터 21시까지 애플코딩 타입스크립트 강의와 실습, 러닝타입스크립트 읽기 21시부터 23시까지 리덕스 복습 23시부터 자기전까지 투두리스트 CRUD 구현 2023 / 04 / 05 / 23:12 투두리스트 완료,

반성 3월초에 토이프로젝트인 "ANISCHOOL"을 끝내고 나서부터 뭔가 굉장한 걸 끝낸사람마냥 붕 떠있었다. 섹션4 오고부터 학습의 방향성을 잡지못하고 알고리즘을 해야 할 지, TS를 공부해야 할 지, 리액트를 좀 더 심도있게 공부 할 지 등 고민만 하다가 아무것도 못했다. 남들보다 먼저 프로젝트를 경험했고, 그로인해 잘하는 사람이 된 줄 착각했다. 4월5일 오늘, 프리프로젝트와 메인프로젝트를 앞두고 나를 객관적으로 바라봤다. 리액트 리액트 훅을 완벽하게 다루는가? => X 프로젝트의 규모와 구조에따라 리덕스 등 라이브러리를 사용하여 상태관리를 할 수 있는가? => X 커스텀훅을 이용하여 좀 더 효율적인 코드를 짜기위해 고민하는가? => X 타입스크립트 타임스크립트를 다룰 줄 아는가? => X 객체지향..