[TypeScript] 험난한 여정 01

부트캠프 수료후 취업이 안된지 거의 4개월..
이력서도 수정하고 내 깃헙도 수정해보고...

그러기를 몇차례나 반복하면서 2곳에서 연락왔고
한 곳에서는 실무테스트네..

게다가..React와 TypeScript 구현?!?!

(아... 망했다...)

여튼 시작이 반이라고.. 뭐라도 하자!


먼저 무엇부터?

일단 타입스크립트 할수 있을만한 환경을 셋팅해야지..

먼저 CLI에 입력해보자

npx create-react-app my-app --template typescript

그러면 좌르르르륵 하면서 설치가 될것이다.

그러면 파일들은 이렇게 있다.

> node_modules
> public
> src
.gitignore
package-lock.json
package.json
README.md
tsconfig.json

아이고 많다..

여기서 tsconfig.json 을보면

와.. 많다~~~

지금 여러가지 블로그 및 U** my에서 찾아봤는데.
src에 있는 index.tsx를 수정하라고 한다.

수정전

import React from 'react';
import ReactDOM from 'react-dom/client';

import './index.css';
import App from './App';


ReactDOM.render(<App/>, document.getElementById('root'));

근데 왜

이게 나오니!!!

어쩔수없이

import React from 'react';
import ReactDOM from 'react-dom/client';

import './index.css';
import App from './App';


const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

이렇게 한다..

길고 긴 싸움이구나 ㅠㅠ 내 자신과.. ㅠㅠ

ts 일지 1부 끝 ㅠ

좋은 웹페이지 즐겨찾기