이전까지 Vue만 사용하다 취업과 포트폴리오를 위해서 React를 시작하기로 마음먹었다.
프로젝트를 하다보니 두 달정도의 시간이 사라졌다. 잠자고 숨쉬고 밥먹는 시간 빼고 리액트를 사용하다보니 조금씩 적응해가며 나에게 부족한 것이 무엇인지와 앞으로 주의해야할 것들이 눈에 들어왔다. 그 중 하나가 상태관리이다. React의 가장 대표적인 상태관리 툴로
초기구상 초기구상 스크롤시 innerText를 변화시키는 함수를 실행한다. 순차적으로 나오는 typing효과를 나타내기 위해 시간마다 함수를 반복실행시키는 setInterval함수를 사용한다. gsap의 toggleAction 설정과 onEnter,
react run start시 나타나는 에러error:0308010C:digital envelope routines::unsupported 스택 오버플로우를 뒤져본 결과 node.js 의 버전이 17 이상일때 발생한다고 한다.node.js 버전 낮추기node.js 버전
버튼들을 만들 때 코드 가독성을 위해 버튼 내 들어갈 내용을 객체로 만든 뒤 버튼 하나하나에 할당 하기로 구상했다.버튼 안에 들어갈 내용들 : 아이콘, URL, 설명나머지는 string으로 타입 설정 해주면 되지만 아이콘은 다른 타입이다.이 때 아이콘 타입은 Emoti
타입 가드를 할 때 자바스크립트 메서드를 사용할 수 있지만 다음과 같이 함수를 만들어서 사용할 수도 있다.사용예시is 와 as의 차이as타입을 단언한다.is타입가드 역할typeof와 같이 분기처리 하는 역할
모든 값이 (type: ex: string)일 경우 (인덱스 시그니쳐)type A = { a: string, b: string, c: string...}type A = { \[key: stirng]: string}키가 어떤 값 중 하나여야 할 경우 (mapped typ
제네릭function add<T>(x: T, y: T): T { return x + y;}타입을 함수 선언 할 때 말고 사용할 때 정함react에서 jsx문법 과 혼동할 수 있으므로 제네릭에 기본값 넣어주기const add = <T = unknown>(x: