React
[React] 플러그인 모음
플러그인
eslint와 관련 플러그인들
설명: JavaScript 코드의 문법 오류나 스타일 가이드를 따르지 않은 코드를 찾아주는 도구이다.\
설치 명령어 👇🏻
npm install eslint eslint-plugin-react
prettier
설명: 코드 포맷터로, 코드를 일관된 스타일로 유지하는 데 도움이 된다.\
설치 명령어 👇🏻
npm install prettier
husky와 lint-staged
설명: Git 커밋 전에 린팅이나 테스트를 실행할 수 있도록 도와주는 도구이다.
설치 명령어 👇🏻
npm install husky lint-staged
typescript
설명: 자바스크립트에 정적 타입을 추가하는 프로그래밍 언어로, 코드의 안정성을 높여준다.
설치 명령어 👇🏻
npm install typescript
jest
설명: 자바스크립트 코드 테스트를 위한 테스트 프레임워크이다.
설치 명령어 👇🏻
npm install jest
npm install
해당 명령어로 설치되어 있는것들
@reduxjs/toolkit”: “^1.9.2
설명: Redux의 공식 도구 모음으로, Redux 관련 작업을 간소화합니다.
설치 명령어 👇🏻
npm install @reduxjs/toolkit
@”testing-library/jest-dom”: “^5.16.5”
설명: Jest와 함께 사용되는 DOM 요소에 대한 테스트를 돕는 라이브러리입니다. 설치 명령어 👇🏻
npm install @testing-library/jest-dom
“@testing-library/react”: “^13.4.0”
설명: React 컴포넌트를 테스트하는 데 사용되는 라이브러리이다.
설치 명령어 👇🏻
npm install @testing-library/react
“@testing-library/user-event”: “^13.5.0”
설명: 사용자 이벤트를 시뮬레이션하여 테스트하는 데 사용되는 라이브러리이다.
설치 명령어 👇🏻
npm install @testing-library/user-event
“axios”: “^1.3.3”
설명: HTTP 클라이언트 라이브러리로, API 요청을 쉽게 만들고 처리할 수 있다.
설치 명령어 👇🏻
npm install axios
“bootstrap”: “^5.2.3”
설명: 반응형 웹사이트 디자인을 쉽게 만드는 CSS 프레임워크이다.
설치 명령어 👇🏻
npm install bootstrap
“react”: “^18.2.0”
설명: 사용자 인터페이스를 구축하는 데 사용되는 JavaScript 라이브러리이다.
설치 명령어 👇🏻
npm install react
“react-bootstrap”: “^2.7.1”
설명: Bootstrap과 함께 사용되는 React 컴포넌트 모음이다.
설치 명령어 👇🏻
npm install react-bootstrap
“react-dom”: “^18.2.0”
설명: React를 웹사이트의 DOM에 렌더링하는 데 사용되는 라이브러리이다.
설치 명령어 👇🏻
npm install react-dom
“react-redux”: “^8.0.5”
설명: React 애플리케이션에서 Redux를 사용하는 데 필요한 바인딩 라이브러리이다.
설치 명령어 👇🏻
npm install react-redux
“react-router-dom”: “^6.8.1”
설명: 웹 애플리케이션에서 페이지 간 라우팅을 처리하는 React 라이브러리이다.
설치 명령어 👇🏻
npm install react-router-dom
“react-scripts”: “5.0.1”
설명: Create React App에서 사용되는 설정 및 스크립트 모음이다.
설치 명령어 👇🏻
npm install react-scripts