리액트 사용중에 페이지가 렌더링되기 이전에 서버에서 얻은 데이터를 활용해서 페이지를 보여줘야 하는 경우가 생겼습니다. 처음부터 제대로 리액트를 공부하지 않고 실제로 만들어보면서 모르는 것이 있을때 마다 구글에 물어봐서 사용하였습니다. 빠른 시간안에 결과물이 나와야 하는 상황이라 거의 무지성으로 리액트를 시작하게 되었는데요. 프로젝트가 마무리되면 다시한번 제대로 공부해 봐야겠다고 생각했습니다. 우선 제가 구현하고 싶었던 최종 결과는 다음과 같습니다. 페이지를 새로고침 할 때 마다 서버에 api를 요청하여 화면에 뿌려주고 이메일, 매출액, 영업이익, 당기순이익, 기준일자는 onChange를 적용하여 수정이 가능해야 했습니다. useState와 useEffect 활용하기 처음에는 api response를 단순..
