Welcome to study-watson 👋

MashUp React Project

git clone https://github.com/mash-up-kr/study-watson.git
cd study-watson
npm install

  npm run dev

  npm run build
  npm run start

  npm run build
  npm run depoly

모듈	역할	사용한 부분
axios	HTTP 클라이언트	API 통신
compression-webpack-plugin	번들링 파일을 Content-Encoding으로 압축	-
cross-env	플랫폼에 상관없이 단일 명령 사용	-
dotenv	환경변수 로드	-
eslint-config-prettier	불필요하거나 Prettier와 충돌 할 수있는 모든 규칙을 끔	-
express	Node.js 웹 애플리케이션 프레임워크	-
morgan	node.js 용 HTTP 요청 로거 미들웨어	-
next	서버 사이드 렌더링 지원	-
next-redux-saga	Next.js를 위한 redux-saga HOC	-
next-redux-wrapper	Next.js 용 Redux 래퍼	-
next-routes	Next.js의 동적 경로 지원	-
prop-types	React props 및 유사한 객체에 대한 런타임 유형 확인	-
react	React는 사용자 인터페이스를 구축하기위한 JavaScript 라이브러리	-
react-dom	React의 DOM 및 서버 렌더러에 대한 진입 점 역할	-
react-helmet	HEAD에 HTML 태그 수정	-
react-redux	Redux의 공식 React 바인딩	-
redux	Redux는 JavaScript 앱을위한 예측 가능한 상태 컨테이너	-
redux-saga	응용 프로그램 부작용(데이터 페치와 같은 비동기식 및 브라우저 캐시 액세스와 같은 불쾌한 것)을보다 쉽게 관리하고,보다 효율적으로 실행하고, 테스트하기 쉽고, 오류 처리를 개선	비지니스 로직 구현
styled-components	구성 요소 연령에 대한 시각적 기본 요소. ES6 및 CSS를 사용하여 스트레스없이 앱의 스타일을 지정	-
webpack	자바 스크립트 및 친구를 위한번들러	-

모듈	역할	사용한 부분
@babel/plugin-proposal-decorators	클래스 및 객체 데코레이터를 ES5로 컴파일	-
babel-eslint	🗼ESLint에 사용되는 Babel 파서의 래퍼	-
babel-plugin-styled-components	디버깅 환경을 개선하고 스타일이 지정된 구성 요소에 서버 측 렌더링 지원 추가	-
eslint	JavaScript에서 패턴을 식별하고보고하기위한 완벽한 플러그 가능 도구	-
eslint-config-airbnb	Airbnb의 .eslintrc를 확장 가능한 공유 구성으로 제공	-
eslint-plugin-import	올바른 가져 오기를 확인하는 데 도움이되는 규칙이 포함 된 ESLint 플러그인	-
eslint-plugin-jsx-a11y	JSX 요소의 규칙에 대한 정적 AST 검사기	-
eslint-plugin-react	ESLint에 대한 특정 React 규칙에 대응	-
eslint-plugin-react-hooks	ELint에서 후크 규칙을 시행	-
nodemon	ode.js 응용 프로그램의 변경 사항을 모니터링하고 서버를 자동으로 다시 시작	-