[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