웹 개발의 기록들

Typescript를 사용하다보면, 서버에서 불러오는 데이터의 명확한 데이터 타입을 모를 경우가 있다. 어떤 다른 사이트에서 제공하는 Open API를 사용하다보면 데이터 타입을 알 수가 없기 때문이다. 그러다 보면, useState([]) 이런식으로, 빈 배열을 가진 useState 방식의 변수들을 만들어주고, return 부분에, [].map((어쩌구, 저쩌구) => {}) 뭐 이런 방식으로 렌더링을 시켜줄텐데.. 에러는 아닌데, [error] Property does not exist on type 'never' 이런 에러를 발견하곤 할 것이다. 그럴 때 해결하는 방법은 간단하다. const [test, setTest] = useState([]); 이렇게, T 타입을, any[] 타입으로 만들어주면..

1. 일단 터미널을 이용해서, 원하는 경로에 React.js를 설치한다. ( npm이 설치되어 있어야 합니다. ) [ Javascript ] npx create-react-app '프로젝트 이름' [ Typescript ] npx create-react-app '프로젝트 이름' --template typescript 2. Firebase로 이동해서 프로젝트를 만든다. - 아래 링크를 타고, 프로젝트 만들기 또는 프로젝트 추가를 클릭한다. 애널리틱스는 나중에 추가가 가능하기 때문에, 사용 설정을 꺼주어도 된다. https://console.firebase.google.com/ 로그인 - Google 계정 하나의 계정으로 모든 Google 서비스를 Google 계정으로 로그인 accounts.google.c..

npx create-react-app '프로젝트 이름' --template typescript 이렇게 입력하면 React.js 환경에서 Typescript를 사용할 수가 있다.