TypeScript

프로젝트가 커지면서 type과 관련된 버그들이 많이 발생한다.타입스크립트는 엄격한 타입룰을 갖고 있기 때문에 에러 메세지가 더 정확해져서 비교적 쉽게 버그를 고칠 수 있다.yarn add --save typescript @types/node @types/react @t

위 코드는 에러가 발생하는 코드이다. 에러 메세지를 보면 Operator '+' cannot be applied to types 'string | number' and 'number'을 확인할 수 있는데, 함수는 union type에 일반적으로 조작을 못 하게 하기 때

john이라는 변수에는 '대머리'라는 문자만, kim이라는 변수에는 '솔로'라는 문자만 할당할 수 있다.or 기호를 사용해서 'left', 'right' 문자만 가질 수 있는 방향이라는 변수가 선언되었다.'가위', '바위', '보' 문자만 파라미터로 입력할 수 있고,

변수명 옆에 타입을 정해주는 것을 타입 애너테이션이라고 한다변수에 설정한 애너테이션을 지키지 않는 경우, 타입스크립트는 에러를 알려준다굳이 애너테이션을 설정하지 않아도 타입스크립트는 변수의 타입을 알고 있다애너테이션을 any로 설정하면 어떤 타입이든지 다 사용할 수 있

함수도 타입을 정해주지 않으면 any 타입이 된다👉 애너테이션을 달아주는 것이 좋음!함수는 원하는 만큼의 파라미터를 가질 수 있고, js와 마찬가지로 호출하는 순서가 중요하다파라미터인 person에 string 애너테이션을 설정하고, 기본값으로 "stranger"를

객체의 타입은 패턴을 항상 지정하고 따르게 한다프로퍼티가 first, last인 person객체를 파라미터로 받는 함수 printName이 있다age는 타입 설정을 해주지 않았기 때문에 사용할 수 없다그럴 때는 새로운 변수에 추가하고 싶은 프로퍼티를 넣어서 사용할 수

빈 배열을 구성할 때, 어떤 데이터 타입이 들어올 지 모르기 때문에 타입을 정해준다문자열 타입은 숫자 타입에 할당할 수 없다두 구문이 의미하는 것이 같다타입을 선언하고,빈 배열에 Pointt 객체의 패턴을 갖는 타입을 설정한다역시나 y는 number로 설정했기 때문에

전체 물량 대비해서 현재 물량(진행율)을 확인하기 위해 그래프를 겹쳐야 했다기본적으로 Chart.js를 쓰고 있었는데아무리 찾아봐도 저런 모양은 없음 🤔없으면 만들어야지~💁‍♀️뒤에 투명한 막대가 전체물량, 채워져있는 막대가 현재물량이다보이는 막대의 수는 2개지만

pdf 뷰어를 구현해야 해서 react-pdf를 import 하는데 에러가 계속 나서 아무것도 할 수가 없었다....🤮 그래서 작성해보는 트러블 슈팅 react-pdf issue

pdf 뷰어인 react-pdf 사용법react-pdf 깃허브pnpm add react-pdfpnpm add core-jsreact-pdf를 설치하고 withResolver가 없다는 에러를 막기 위해 core-js도 설치해준다pdf를 보여주는 컴포넌트 상단에 위의 코

가나다, abc순이 아닌 특정 값을 기준으로 정렬해야 할 때기준을 배열로 만들어서 선언해주고불러와서 sort 시켜주면 된다중분류는 이렇게 기준을 만들어서 정렬했는데나머지 소분류는 어떻게 정렬해야할까 🤔다중 조건 기준으로 정렬하려면기존 정렬 기준에 or 연산자를 사용하

Date 타입을 받을 때마다 한국 시간으로 변환하는 작업이 오래 걸려서 잘 기억하고 기록해야겠다..이번에는 완전한 UTC가 아니라 UTC에서 시간만 자른 2024-12-30 형식으로 받았다그래서 여기에 바로 new Date()를 씌워주면 안됐고,를 해줘야 한국 시간으로

kendo Drag&Drop 에러를 해결하지 못하고 react-dnd로 Scheduler의 드래그 기능을 구현하였다.