리액트 모듈 2

리액트 axios란? axios 사용하기. Node.js 모듈 axios란?

리액트 axios란? axios 사용하기. Node.js axios란? Axios는 npm을 이용하여 다운로드 가능한 HTTP request 모듈 혹은 라이브러리입니다. 이는 ES6 Promise API를 지원하며 Node.js 혹은 브라우저의 HTTP request에 사용됩니다. 오늘은 가볍게 사용 방법을 알아보도록 하겠습니다. ES6 전 비동기식 처리를 하려면 콜백 지옥이 따로 없었습니다. 함수 안에 함수 또 함수를 불러와 코드는 지저분하고 길며 피라미드가 쌓이기 십상이었습니다. 하지만 ES6로 넘어오면서 이러한 모습은 then이라는 키워드로 깔끔하게 정리됩니다. 혹은 aync, await으로 사용하는 것도 가능합니다. 다행히 axios는 이러한 ES6를 호환하기에, 크게 어렵지 않게 HTTP req..

React hooks 리액트 훅 React Router Dom란?

React hooks 리액트 훅 React Router Dom란? 우리는 홈페이지에서 다른 홈페이지로 이동하려면, 즉 예를 들어 메인 페이지에서 About페이지로 이동하려면, 그에 맞는 HTML파일과 데이터들을 fetch 해야 했습니다. 하지만 리액트의 리액트 라우터 돔을 이용하면, 페이지의 이동이 아닌 각각의 페이지에 필요한 컴포넌트들을 불러와 보여주게 됩니다. 이는 좀 더 빠르고 다이내믹 해질 수 있어, 유저에게 조금 더 편안하고 만족스러운 경험을 줄 수 있습니다. 그럼 오늘도 여전히 전혀 비전문적이고 쉽게 알아보겠습니다. 목차. React Router Dom란? React Router Dom 사용 방법. 마치며. 1. React Router Dom란? 앞서 말했듯이 리액트 라우터 돔을 이용하여, 페..