React

[React] react state에 object 사용하기, reat state object not udpate 해결하기

2022.11.01

Immutable & Mutable immutable은 바뀔 수 없고 read-only 라는 뜻이다. number, string등의 원시 타입 값들이 이에 해당된다. 반면 object는 값 자체가 바뀔 수 있다. 이러한 객체는 mutable하다고 한다. const position = { x: 0, y: 0 }; poisiton.x = 5; //mutable React의 state는 immutable하다. object처럼 mutable한 객체이더라도, immutable하게 취급해야 한다. 어떤 object를 state로 두고 값을 바꾸고 싶다고 가정해보자. 아래와 같이 object를 mutable하게 취급하여 값 자체를 바꾸면 리액트가 의도한데로 동작하지 않는다. const [position, setPos..

Web

[web] webpack, babel, polyfill, react에 대하여

2022.03.12

Webpack webpack은 frontend프레임워크에서 가장 많이 사용되는 Module Bundler이다. webpack은 모듈(js모듈, 이미지 폰트 등 전부)의 의존성을 분석하여 하나로 묶어, 병합 및 압축해준다. 여러라이브러리를 하나로 만들어준다고 생각하면 된다. Babel Babel은 코드 변환기이다. javascript는 계속 발전한다. 추가될 기능에 대한 "제안"(proposal)이 정기적으로 등록되고, 가치가 있다고 판단되면 https://tc39.github.io/ecma262/에 추가된다. 그리고 궁극적으로 ECMA명세서(specification)에 추가되는 것이다. 하지만, 엔진(브라우저)이 항상 표준 전체를 지원하지는 않는다.(대표적으로 IE...) 바벨은 transpiler로 이..

[React] react state에 object 사용하기, reat state object not udpate 해결하기

[web] webpack, babel, polyfill, react에 대하여

티스토리툴바