본문 바로가기
Front-End/React.js

React를 위해 사용하는 라이브러리들

by 깐니 2022. 5. 1.

React 는 프레임워크가 아니라 뷰에만 신경쓰는 라이브러리다. 그래서 기타 기능을 다른 라이브러리들을 가져와 구현해야 함 !

  • ESLint 란? 특정 스타일 규칙을 준수하지 않는 문제가 있는 소스코드를 찾는데 사용되는 도구 (사용방법 -> Editor에 ESLint 프러그인을 설치하기, webpack 번들링시 eslint-loader 를 추가하기)

  • Ajax 란? Asynchronous Javascript and xml 비동기적인 웹 제작을 위해 HTML/CSS (표현정보), DOM,Javsscript (동적인 화면 출력), XML,XMLHttpRequest (웹서버와 *비동기적으로 데이터를 교환하고 조직) 의 조합을 이용하는 웹 개발 기법.
  • 비동기(Asyn): 하나가 끝나기전에 제어권을 다음으로 넘겨서 자원을 효율적으로 사용한다.

  • Node.js 리액트에서 프로젝트를 개발하는 데 필요한 주요 도구들이 Node.js를 사용하기 때문에 사용한다. <주요 도구> -> ES6 문법을 호환시켜 주는 바벨 (babel) -> 모듈화된 코드를 한 파일로 합치고(bundle), 코드를 수정할 때마다 웹 브라우저를 리로딩하는 등의 기능을 하는 webpack
  • npm (프로젝트 디렉터리에서만 사용하도록 설치) Node.js 패키지 매니저,모듈을 설치하고 해당 모듈 버전을 관리하는 도구.
  • yarn ** (모든 디렉터리에서 사용하도록 설치) npm 을 개선한 패키지 매니저.

  • create-react-app으로 프로젝트 만들기 -> 리액트 프로젝트 핵심기능 설정을 완료해주는 도구

'Front-End > React.js' 카테고리의 다른 글

webpack이란?  (0) 2022.05.01
Axios 연결  (0) 2022.05.01
Redux 개념이해  (0) 2022.05.01
Component 실제 사용방법  (0) 2022.05.01
Container 란?  (0) 2022.05.01