Typescript

    CRA + Typescript + Styled Component 초기 설정하기

    1️⃣ Typescript를 이용하여 프로젝트 시작 npx create-react-app . --template typescript 위의 명령어를 이용하여 react를 typescript로 시작한다. 나는 이미 만들어진 폴더 아리애 바로 프로젝트를 생성하기 위해 .을 입력했지만 여기에 원하는 파일명을 입력하면 그 안에 리액트 프로젝트를 시작할 수 있다. 프로젝트 파일이 모두 생성된 후에는 제대로 실행이 되는지 확인한 후에 필요없는 파일들을 전부 다 삭제해주었다. 그럼 이렇게 파일이 몇개 남지 않는다. 컴포넌트를 생성하기 전에 몇가지 설정들과 style을 잡아주고 시작해보자. 2️⃣ eslint 설정 npm install eslint npx eslint --init eslint를 설치해주고 `eslintr..

    [T1.gg] Riot API를 이용하여 롤 전적 검색 사이트 만들기 (1)

    🚀 프로젝트 개요 나의 관심사를 가득 담아 덕업일치의 삶을 이루기 위해 T1 선수들의 솔랭 전적을 한번에 확인할 수 있고, T1의 공식 유튜브를 바로 확인할 수 있는 사이트를 만들기로 했다. 처음 들어가면 T1의 공식 유튜브 영상이 나열되고 원하는 영상을 검색할 수 있다. 두번째 페이지에는 T1에 소속된 선수들의 정보를 알려줄 것이고, 선수 프로필을 누르면 해당 선수의 솔랭 전적 정보를 바로 확인할 수 있도록 할 예정이다. 🤖 기술스택 이번 프로젝트에서 이용할 기술스택은 다음과 같다 React, Redux Toolkit Typescript eslint, prettier 👩🏻‍💻 API key 발급 및 CORS Error 해결 T1 공식 유튜브 채널에서 영상을 가져오기 위해서 Youtube API를 이용할..