Create-React-App 을 이용하여 프로젝트 생성해 본다.
Create-React-App
CRA(Create-React-App) ? 리액트 프로젝트를 시작하는데 필요한 개발 환경을 자동으로 세팅 해주는 도구이다.
1 npx create-react-app [new project name]
1
npx create-react-app [new project name]
1 yarn
yarn
1 yarn start
yarn start
React 컴포넌트를 npm 모듈로 배포하여 사용해 본다. 신규 프로젝트 생성 React 모듈 개발을 위한 React 프로젝트를 생성한다. 1 npx create-react-app [new project name] React 빌드를 위한 모듈을 설치 1 yarn add -D @babel/cli @babel/preset-react src/lib...
Tailwind CSS? Utility-First 컨셉을 가진 CSS 프레임워크 중 하나로 각 속성들을 클래스에 직관적으로 표현할 수 있다. 1 <div class="text-bold text-white">TEST</div> 설치하기 Tailwind CSS 설치 1 yarn add tailwindcss@npm:@t...
react 컴포넌트를 npm module로 배포시 tailwind CSS 코드는 일반 CSS로 컴파일해줘야 인식이 된다. 해결 방법 package.json 에 tailwind CSS 를 빌드하는 명령어를 추가해준다. 1 2 3 4 5 6 7 8 "scripts": { "start": "craco start", "build": "cr...
npm Basic Usage
React 컴포넌트 npm 배포하기