본문 바로가기

Programming/React

[React] Hook과 useContext, useReducer 상태관리
[React] Hook과 useContext, useReducer 상태관리 2024. 4. 14. React의 Hooks? hooks는 React 16.8부터 React에 요소로 새로 추가되었다. 클래스형의 컴포넌트 고유 기능인 상태(state)관리와 라이프 사이클 관리 기능을 함수형 컴포넌트에서도 쓸 수 있도록 해주는 함수들을 총칭한다. Hooks라고... 불리는 이유... 숙어인 Hook in의 뜻인 "어떻게든 손에 넣다"에서 온 것으로 추측된다. hooks를 사용하면 함수형 컴포넌트를 개발하는 개발자의 손에도 클래스형 컴포넌트에서 쓸 수 있는 기능이 쥐어지기 때문이다. (낚시할 때 그 훅이라고 생각해도 좋을 듯) 클래스형 컴포넌트 자바스크립트의 this는 다른 언어의 this와 좀 다른 의미로 쓰인다. 자바스크립트의 this는 런타임에 결정된다. 컨텍스트에 따라 this가 바뀐다는 장점도 있지만..
[React] React의 탄생 이유
[React] React의 탄생 이유 2024. 4. 11. 초기의 프론트엔드 개발 이전 인터넷은 상호작용하는 웹 애플리케이션이 아닌 문서를 보여주는 웹 문서를 주고 받는 것에 가까웠다. 바야흐로 HTML 웹 문서 시대. 애초에 HTML는 마크업 언어로 개발 언어도 아니었다. 그러나 인터넷 속도가 개선되고, Google Map이라는 혁신적인 앱이 등장함에 따라 Ajax라는 개념을 통해 웹 문서가 시시각각 변했다. Ajax(Async JavaScript and XML)는 JavaScript로 서버에서 데이터를 즉각적으로 받아올 수 있던게 큰 특징이다. 또한, 당시에는 jQuery를 많이 사용했다. 이렇게 HTML 페이지를 일부 변경할 수 있게 되면서 브라우저 사이트 화면을 웹 페이지가 아닌 웹 애플리케이션이라고 부르기 시작했다. Angular의 등장 그러나 jQue..

티스토리툴바