이번에 js 프로젝트를 ts로 바꾸는 강의를 들으면서 typescript 환경에 대해 궁금해져서 정리해 보게 되었다. ESlint code level에서 에러가 날 만한 부분을 짚어준다 문법오류체크, 자동완성, formatting 지원 .eslintrc.{js, yml, json} 여러가지 확장자로 할 수 있는데 js로 하면 주석 달 ...

⌜유대인의 하루는 저녁 6시에 시작된다⌟ -오인환 지음 감상 어느 순간부터 시간의 주인이 아니라 노예, 따지자면 솔거노비 쯤으로 살고 있다는 생각이 들고 나서 서점을 구경하다 이 책을 발견하고 덥석 사버렸다. 이외에도 요즘 많은 책들을 읽었는데 주제는 달라도 공통적으로 하는 말이 있다. 본질이 중요하다. 일의 본질, 시간의 본질, 공부의 ...

Prerequisite tsconfig.json "strict": true 요런 family option들 모두에 대해 강한 타입 체크를 해주는 옵션이다. 1. Null 타입 오류 및 함수 타입 오류 해결 Strict Null Check function initEvents() { rankList.addEventListener('cli...

파라미터 타입들 정의하기 parameter, return value등에 대해 따로 빼서 interface나 type으로 정의해서 사용하면 된다. Event type function initEvents() { list.addEventListener('click', handleListClick); } async function handleLis...

DOM Element type function $(selector: string) { return document.querySelector(selector); } const confirmedTotal = $(".confirmed-total"); const deathsTotal = $(".deaths"); const recoveredTotal =...

자바스크립트 배열은 배열이 아니다. 자바스크립트 배열은 사실 객체다. length와 index 프로퍼티를 갖고 있는, 일반적인 배열의 동작을 흉내 낸 특수한 객체다. 자바스크립트에서 배열은 해시 테이블로 구현된 객체이므로 일반적인 배열보다 요소 접근이 느릴 수 있어도 삽입/삭제가 빠르다. 어떤 타입의 값이라도 배열의 요소가 될 수 있고, 중간이 비...

서문 원래 스케쥴러, 일기 등 무언가를 잘 적지 않는 편이지만 요즘 기록의 중요성을 실감했다. 이제부터 휘발성인 기억을 믿는다면 내가 바보다. 조리 있게 글을 잘 적는 편도 아니고 누군가가 내 글을 읽을 수 있다는 것이 아직은 부끄럽다. 그럼에도 정제가 덜 된 글이라도 일단 적기 시작해보려 한다. 그게 이 소소한 블로그를 다시 시작한 이유이다. ...

ContextAPI props drilling을 방지하기 위한 방법 중 하나 1 context 1 content ⇒ 즉, 여러 데이터를 넘기기 위해서는 context를 데이터 갯수 만큼 생성하던가 객체를 value로 넘기기 (better!) contextAPI 자체는 state 관리가 아님. ...

일단 any로 설정을 해둔 후, 조금 더 적절한 타입으로 바꿔나가기 string, any 등도 가능하지만 타입의 값이 한정된 경우, 직접 타입 선언하는 것도 좋다 enum CovidStatus { Confirmed = 'confirmed', Deaths = 'deaths', Recovered = 'recovered' }...

순수 js코드에 다음과 같은 주석을 추가하면 type 체크가 가능하다. // @ts-check 이는 JSDoc을 이용하면 타입에 대한 힌트를 제공할 수 있다 JSDoc이란? 자바스크립트 API 문서 생성기로, API를 설명하는 HTML을 생성할 수 있다. 일반 주석과 마찬가지로 무시됌. 1 변수타입 /** * @type {string} ...