리액트로 만드는 스도쿠 — 2. 프로젝트 준비하기

개요

목차

CRA로 새 프로젝트 만들기

$ yarn create react-app react-sudoku --typescript
src/
components/
containers/
App.tsx
reducers/
services/
tests/
index.tsx
react-app-env.d.ts
Root.tsx
serviceWorker.ts
...

라이브러리 설치하기

$ yarn add react-app-rewired customize-cra axios normalize.css open-color
import React from 'react';
import ReactDOM from 'react-dom';
import * as serviceWorker from './serviceWorker';
import 'normalize.css';
import 'open-color/open-color.css';
import Root from './Root';ReactDOM.render(<Root />, document.getElementById('root'));
serviceWorker.unregister();

Module Resolve 설정하기

{
"compilerOptions": {
...
"jsx": "preserve",
"baseUrl": "src"
},
...

TDD?

세상이 아름다워지는 것을 지향하는 프론트엔드 개발자 남현욱입니다. 휴먼스케이프에서 프론트엔드 개발을 하고 있습니다.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store