반응형

리액트 2

[React][환경세팅] react-router-dom 사용하기

React 개발 시 귀찮은 환경 세팅을 기억이 나지 않을 때 일일이 찾아 사용하기 번거롭기 때문에 미리 정리해 놓기로 했습니다. 참조 1: https://reactrouter.com/web/guides/quick-start 참조 2: 리액트를 다루는 기술 서적 - 벨로 퍼트 개요 SPA의 단점중 하나는 너무 많은 자바스크립트를 한 번에 불러온다는 것인데, 이 문제는 코드스플릿을 통해 해소할 수 있는데 라우트 별로 파일들을 나누어 트래픽과 로딩 속도를 개선할 수 있다고 합니다. 페이 지지가 여러 개인 사이트는 거의 필수로 적용된다고 보면 됩니다. 설치 yarn add react-router-dom 설명 BrowserRouter: 주소에 대한 정보를 props에 담아 조회하거나 사용할 수 있다. : HTML..

개발 🐾/ReactJS 2021.05.25

모두가 자주 사용하는 React 라이브러리 정리

리액트로 프로젝트를 시작할 때 보통 무조건 설치하고 시작하는 경우가 있습니다. 이를 미리 정리해 두면 편리할 것 같아 작성해봅니다. 리액트 사용자들은 대부분 아는 내용일 꺼라 생각됩니다만, 혹시 리액트를 이제 막 시작하시는 분들은 도움이 되실꺼라 생각됩니다. 제가 작성하고자 하는 라이브러리들은 다음과 같습니다. Router, Polyfill, Axios, Redux 입니다. 앞으로 리액트에 관련된 정보글을 작성하면서 좀 더 세세하게 다루겠지만, 우선은 어떤 라이브러리인지는 알아야 하니, 기본적인 사용 방법과 설명을 같이 적어 두었습니다. 😊 1. Router 라우터는 주소에 따라 부분 렌더링을 하는 라이브러리입니다. SPA에서 페이지 이동을 구현하면 거의 필수라고 생각하셔도 무방합니다. 옛날 방식 처럼 ..

개발 🐾/ReactJS 2021.02.06
반응형