728x90 728x90 분류 전체보기153 리액트에 typescript 설치 하기 리액트 앱에서 typescript 설치하기 Create React App Docs에 ‘Adding TypeScript 문서를 볼 수 있다. https://create-react-app.dev/docs/adding-typescript/ 여기에서 리액트 프로젝트를 만들 때 타입스크립트 기반 프로젝트로 생성하는 방법과 기존 프로젝트에 타입스크립트를 추가하는 방법이 설명되어 있다. 타입스크립트 기반 프로젝트로 생성하는 방법 npx create-react-app my-app --template typescript or yarn create react-app my-app --template typescript 기존 프로젝트에 타입스크립트를 추가하는 방법 npm install --save typescript @typ.. 2023. 3. 2. 타입스크립트의 타입 종류 타입스크립트의 타입 종류 Primitives 자바스크립트에서 사용하는 기본형(Primitives) 타입으로는 숫자형, 문자열, 부울(Boolean)형이 있다. 만약 ‘age’라는 변수를 만들어 사용자의 나이를 저장한다면, 여기에는 명확히 숫자만 저장해야 한다고 표시하고 싶을 것이다. let age : number; age = 20; 변수 이름 뒤에 콜론을 붙이고 그 뒤에 타입을 표시해 해당 변수에 저장할 자료형 지정하면 된다. 마찬가지로 ‘userName’이라는 변수에 문자열 타입을 지정할 수 있다. let userName: string = "Myname"; 타입스크립트에서는 ‘number’와 ‘string’ 표기가 소문자로 시작되는데 ‘Number’ 나 ‘String’으로 쓰게 되면 자바스크립트의 Nu.. 2023. 3. 1. 타입스크립트를 사용하는 이유와 설치 방법 타입스크립트를 사용하는 이유와 설치 방법 타입스크립트란 타입스크립트는 자바스크립트를 기반으로 하되 보다 더 확장된 프로그래밍 언어인 superset 언어이다. 자바스크립트의 기본적인 문법들과 if 문, for 반복문, 객체 사용법 등을 그대로 사용한다. 타입스크립트는 자바스크립트 문법에 몇 가지 기능을 추가한 것이고 자바스크립트 라이브러리가 아니기 때문에 자바스크립트의 기존 기능을 기반으로 새로운 기능을 만들거나 기능을 확장하지 않는다. 가장 중요한 건 정적 타입(statically Typed)의 특징을 갖는다는 것이고 ‘타입스크립트’라는 이름도 여기에서 유래했다. 정적 타입 기능이 추가된 이유는 자바스크립트가 원래 동적 타입(dynamically typed) 언어이기 때문이다. function add(.. 2023. 2. 28. React 테스팅의 개념과 종류 React 테스팅의 개념과 종류 테스팅이란 우리는 개발자로서 코드를 작성해서 특정 속성을 구현하거나 특정 문제를 해결하고 이 애플리케이션을 브라우저에서 먼저 보고 시험적으로 테스트한다. 이것들은 수동적인 테스팅이고 항상하고 있는 것인데 이런 수동적인 앱 테스팅은 오류 발생이 쉽다. 수동으로는 가능한 모든 조합과 시나리오를 테스트하기 어렵기 때문이다. 복잡한 리액트 앱에서 새로운 속성을 추가한다거나 기존의 속성을 변경한다면 이 변경에 대한 테스트 또는 새로운 속성에 대한 테스트는 하겠지만 애플리케이션의 다른 모든 부분을 항상 테스트 하지는 않을 것이다. 어떤 것을 변경한 것이 앱에서 다른 속성을 손상시킬 수 있고 우리가 모든 것을 항상 테스팅 하는 것이 아니기 때문에 손상을 유발한 변경사항과 버그를 그냥 .. 2023. 2. 25. 이전 1 ··· 25 26 27 28 29 30 31 ··· 39 다음 728x90 728x90
