본문 바로가기

React useEffect

[React] axios를 활용한 srping연동(get, post) 안녕하세요 인포돈 입니다. 최근에 변화된 React v6에 의거하여 작성되었습니다. (인텔리제이 활용) react와 spring을 활용해 프로젝트를 진행하던 도중 서버와 클라이언트의 통신을 보다 간편하게 할 수 있는 방법이 fetch와 axios를 활용하는 방법이 대중적이라고 파악하였습니다. 그래서 저는 이번에 axios에 대해서 이해해보고 직접 간단한 실습을 통해 프로젝트에 적용해보려고 합니다. 언제나 그렇듯이 저는 정말 쉽게 누구나 이해할 수 있도록 axios에 대해서 조사해 보았습니다. 물론 더 딥하게 들어간다면, 완성도 높은 프로젝트가 되겠지만, 누구나 그렇듯 step1부터 차례대로 적용해보며 구현해보도록 하겠습니다. 간단히 axios에 대해서 이해해보고 적용해봅시다. Axios란? axios는 .. 더보기
React useEffect, useState (Hook의 이해) 안녕하세요 인포돈 입니다. 최근에 변화된 React v6에 의거하여 작성되었습니다. (인텔리제이 활용) Hook이란? hook은 react v16.8에서 새롭게 출시된 기능으로 함수형 컴포넌트에 state를 제공하여 로직의 재사용성을 높여주는 기능이다. 여기서 컴포넌트는 리액트에서 가장 기본이 되는 단위 컴포넌트이며, java의 객체와 유사한 개념이다. hook 이전에는 여러 컴포넌트들의 재사용하기 위해서 HOC나 Render Props패턴을 주로 이용하였지만, hook을 활용해여 함수 컴포넌트의 state나 lifecycle을 보다 쉽게 접근하고 사용할 수 있게 해줍니다. 우리는 그 중 Hook에서 제공하는 useEffectm useState API에 대해서 이해해하고 활용해보겠습니다. - useSta.. 더보기