본문 바로가기
Project/우아한테크러닝 4기

Git Repository & React & TypeScript 기본 세팅

by RUCKUS 2021. 6. 3.

휴...시작하자마자 난관에 봉착.

다른 고수분들과 다르게 나는 거의 제로베이스에서 출발이기 때문에 기본 세팅부터 일단 막힌다.

 

우선 여러 블로그 등을 구글링 해본결과 최근에 리액트와 타입스크립트 세팅에 대해 잘 정리해주신 블로그가 있어서 해당 포스팅을 참고하여 세팅하였다. 아래는 그 출처 (너무 감사합니다!)

https://velog.io/@junghyeonsu/React-create-react-app-Typescript-%EC%B4%88%EA%B8%B0-%EC%84%B8%ED%8C%85-%EC%99%84%EB%B2%BD-%EC%A0%95%EB%A6%AC

 

[React] create-react-app & Typescript 초기 세팅 완벽 정리

최근에 타입스크립트를 배우고 타입스크립트로 create-react-app을 설정하는데 시간이 많이 걸렸다..그리고 새로 프로젝트를 시작할 때 초기세팅을 완벽하게 하자! 라고 생각을 해서 협업을 할 때

velog.io

 

뭐 이것저것 찾아보니까 사실 큰거 없었다. (당장은...)

 

정리하자면

 

  • 폴더 만든다
  • 터미널에 들어가서 npx create-react-app "이름" —template typescript 으로 리액트 앱 기본 세팅 설치
    (초기 구성 간편하게 해주는 것이 create-react-app 이거 좀 짱인듯)
  • 깃에 올려서 first commit & push 끝

사실 이건 그냥 게임으로 치면 설치한거 정도이다... 자랑할만한 건 아니지 ㅠ

 

https://github.com/RUCKUSJERRY/Woowahan_notion

 

RUCKUSJERRY/Woowahan_notion

Tech Learning 4, Create App like 'notion', Using React & TypeScript - RUCKUSJERRY/Woowahan_notion

github.com

그리하여 완성한 레포지토리

 

휴...내일부터 더 머리 아파질 것인데, 기대된다.