2023.05.13) 타입스크립트 시작하기

정리할 건 많지만,,, 노션에만 정리해두고 블로그는 못 한지 오래...

오늘은 이력서 쓰고 타입스크립트로 슬랙 클론 + 또두리스트를 만들기 위해 준비를 하려고 한다!!

또두리스트 하구 프로젝트도 타입스크립트로 변경해보고 이래저래 써봐야겠다.

 

타입스크립트를 수동으로 환경 세팅해주니 유익하긴 하지만, 너무 오래 걸리고 복잡해서

결국 명령어로 설치 해버렸당...

$ yarn create react-app . --template typescript
  // or 
$ npx create-react-app . --template typescript

명령어로 타입스크립트로 리액트를 설치해주었다!!

 

 

문제는 서버였다.... 이래서 백부분도 공부하라는건가보다.

파일구조 자체는 클론해올 수 있어서 클론을 했지만 디비 연결은 직접 해야했기에

mysql 설치부터 시작했다.

홈브루로 설치를 하고, 비밀번호 설정 하는 부분에서 조금 헤맸던 것 같다.

알아보니 비밀번호에 대한 정책이 강화되어서 그렇다고 한다!!

정책에 맞추어 비밀번호를 생성하니 문제없이 패스!!

이후에 스키마 생성하고, 테이블 생성한 후 기초 데이터까지 넣어주니 슝슝 돌아갔다.

물론 백 서버만...ㅎㅎ

npx sequelize db:create(스키마 생성)
npm run dev했다가 ctrl + c로 끄기(테이블 생성)
npx sequelize db:seed:all(기초 데이터 넣기)
npm run dev(앞으로 매번 이걸로 백엔드 서버 켜야 함)

localhost:3095에서 서버 돌아가는 중

구조 상 한 파일 내에 front 폴더와 back 폴더가 있기에

터미널도 두개를 열어 백과 프론트를 왔다갔다 했다 ㅎㅎ

 

뭔가 굉장히 흥미롭... 재미써ㅠㅠㅠㅠ