TypeScript

타입스크립트는 자바스크립트를 기반으로 한 superset 언어이다. 자바스크립트를 기반으로 하되 보다 더 확장된 프로그래밍 언어라는 뜻이다.자바스크립트의 기본적인 문법, 코드 작성법, if문, for반복문, 객체 사용법 등을 그대로 사용한다.다만 타입스크립트는 자바스크

CRA로 리액트 프로젝트 생성하며 Type Script 추가하기 npx create-react-app 앱이름 --template typescript .jsx 대신 JSX 문법을 사용하는 .tsx를 사용 컴파일은 빌드시 자동으로 이루어짐 모든 라이브러리에 언어 변환이

Form을 가진 새로운 NewText.tsx 컴포넌트를 생성한다. ✅ Form 📝 form 이벤트에 대한 event의 타입 리액트의 onSubmit 프로퍼티로 submit 이벤트 등록 시, event의 타입은 React.FormEvent 이다. const subm

Todo를 클릭하면 삭제되게 해보자.

Context API를 계속 배워야 되나 싶지만...🧐 일단 전역으로 관리를 어떻게 하는지 한번 보자구! todos-context.tsx 파일 생성 📍/src/sotre 에 todos-context.tsx 파일 생성 type Alias 만들어 타입 표기를 재사

타입스크립트를 사용하면, tsconfig.json 파일로 컴파일과 관련된 사항을 구성한다. 컴파일러는 필요할 때 자동으로 호출된다. 개발 서버 구동시킬 때 프로젝트 빌드해 앱을 만들 때 빌드는 설정된 순서대로 백그라운드에서 진행되고, 타입스크립트 컴파일러도 빌드 과

함수에 대해 알아보자. Call Signatures 객체만의 타입을 만들고 싶을 때, 이렇게 별칭 타입을 만들어서 객체만의 타입을 지정할 수 있다. 함수만의 타입을 만들고 싶다면 어떻게 하면 될까? Call Signatures 콜 시그니처란 함수 위에 마우스를

타입스크립트로 객체지향 프로그래밍 하기 TypeScript는 객체지향 코드를 더 안전하고 좋게 만들도록 도와주는 기능을 제공한다.

public이지만 더 이상 변경할 수 없도록 하려면 프로퍼티를 readonly로 만들면 된다. 그러면 값은 볼 수 있지만 수정은 불가능해진다. type 1. type을 사용하여 타입스크립트에게 오브젝트{}의 모양을 알려줄 수 있다. 2. type을 사용하여 그 타

NestJs, NextJS, CRA 등을 사용하면 TS를 직접 설치할 필요가 없다. 어떻게 돌아가는지 알아두면 나쁠건 없으므로 일단 알아두자. 마치 웹팩 설정하는 것 처럼 ㅇ.ㅇ... 1. typechain 폴더 생성 mkdir typechain 2. VSCode

compilerOptions의 lib 속성은 합쳐진 라이브러리의 정의 파일(declaration files)을 특정해주는 역할을 하고, 그 정의 파일의 목표로 하는 런타임 환경(실행 환경)을 나타낸다.즉, lib 속성은 타입스크립트에게 내가 어떤 api를 사용하고 어떤

📚 일단 작업 효율 높이기 위해 스크립트 수정 및 패키지 추가 작업 효율을 높이기하기 위해 스크립트를 수정하자. start를 실행하면 build폴더 안의 index.js 파일을 실행하도록 스크립트에 추가 📍 package-lock.json 현재 워크 플로우는