최근에 친구가 리액트를 공부하는 것을 보고 '리액트가 뭐하는건데? 화면 만들어주는거? 어떻게 동작하는거야?'라는 질문을 한 적이 있다. 자바스크립트라는 언어로 화면을 만들어 주는 것이라고 설명하긴 했는데, 공부를 하는데 무엇을 공부를 하는지 스스로 잘 모르는 것 같은 무엇인가 찜찜한 느낌을 받아서 정리해봅니다.. 리액트란? 오직 사용자 인터페이스, View를 만드는데 사용되는 자바스크립트 라이브러리이다. 프레임워크가 아니다! 리액트가 View를 만드어 주는 것을 렌더링(Rendering)한다라고 한다. 리액트는 어떻게 사용자 화면에 View를 만드는거지 ReactDOM.render() 함수를 호출하면 재귀적 과정으로 Virtual DOM을 만들기 시작한다! ReactDOM.render( element, ..

리액트를 공부하면서 리액트 훅을 이용해서 특정 api를 통해서 데이터를 불러오는 컴포넌트를 작성해보았다. 하지만 리액트 훅이 아직 익숙치가 않아 동작하는 방식이 잘 이해가 안되었다. api는 가상의 어떤 api, schoolApi 로 대체해서 작성하였다. schoolApi는 전국 초등학교 정보를 제공한다고 가정한다. query로 받은 id(학교 아이디)를 이용해서 schoolApi 에서 해당 학교의 선생님 정보를 불러오는 데이터를 기반으로 Teacher 컴포넌트가 있다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 ..