더움바다의 일상

오늘은 redux에 대해 알아보겠습니다. https://www.npmjs.com/package/redux https://ko.redux.js.org/ redux Predictable state container for JavaScript apps. Latest version: 4.2.1, last published: 7 months ago. Start using redux in your project by running `npm i redux`. There are 17342 other projects in the npm registry using redux. www.npmjs.com Redux - 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너. | Redux 자바스크립트 앱을 위한 예측 가능한 상태 ..

오늘은 저번에 이어 React Hook 소개를 이어서 하겠습니다. 첫번째 Hook에 대한 소개는 다음 글에 있습니다. [React] Hook의 이해-1 (useState, useEffect) [React] Hook의 이해-1 (useState, useEffect) 아마 다들 아시겠지만 React18버전 이후로 새로운 공식 문서가 나왔습니다. https://ko.reactjs.org/ (legacy) (reactjs.org는 사라졌는데 ko.reactjs.org는 안 사라졌더라구요.. 개발팀에서 뭔가 실수를 한것 같습 web-story.tistory.com 1. useMemo useMemo는 어떤 값들이 바뀔때만 값을 재계산해주는 hook입니다. const cachedValue = useMemo(calcu..

아마 다들 아시겠지만 React18버전 이후로 새로운 공식 문서가 나왔습니다. https://ko.reactjs.org/ (legacy) (reactjs.org는 사라졌는데 ko.reactjs.org는 안 사라졌더라구요.. 개발팀에서 뭔가 실수를 한것 같습니다) React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org https://react.dev/ (current) React The library for web and native user interfaces react.dev Hook이 뭔지는 아마 다들 아실테지만.. 간단히 짚고 넘어가자면 Class Componen..

Dom DOM은 웹 페이지(HTML이나 XML 문서)의 콘텐츠 및 구조, 그리고 스타일을 구조화시켜 표현하여 프로그래밍언어(스크립트언어, ex: javascript)가 해당 문서에 접근하여 읽고 조작할 수 있도록 API를 제공하는 인터페이스입니다. 음.. 짬뽕 생각하시면 편할거 같네요. 해산물 + 면 + 물 + 소스와 조미료 = 짬뽕HTML/CSS(해산물) + JAVASCRIPT(면) + DOM(물) + 조미료와 소스(Web Worker, Web Cache, Cookie, Storage, etc..) = Web BrowserHTML/CSS(해산물) DOM(물) JAVASCRIPT(면) React React는 Dom의 상태를 관리하는 JAVASCRIPT 라이브러리입니다. (복잡하게 가자면 실제 Dom을 직..