akjfal

Hook의 개요 16.8부터 새로 추가된 기능입니다. class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있게 해줍니다. State Hook function Example(){ const [count, setCount] = useState(0); function onClick = () => { setCount(count+1); } } useState가 Hook입니다. Hook을 사용해 함수 컴포넌트 안에 state를 추가했는데 인느 다시 렌더링되어도 그대로 유지됩니다. this.state와 비슷하지만 이전 state와 새로운 state를 합치지 않는다는 점이 차이점입니다. Hook이란 함수 컴포넌트에서 React state와 생명주기 기능을 연동 할 수 있게 해주는 함수입니다...

참고한 사이트다. 프로젝트를 최적화하는데 정말 큰 도움이 되었다. https://medium.com/myrealtrip-product/fe-website-perf-part1-6ae5b10e3433 마이리얼트립 웹사이트 성능 측정 및 최적화 Part 1. 리소스 로딩 여행 경험을 돕는 웹사이트 가꾸기 medium.com 최적화 과정 1. webpack-bundle-analyzer 설치 처음부터 난관에 부딪혔다. CRA를 통해서만 프로젝트를 구성하고, 따로 webpack을 구성해본적이 없어 이쪽에 관한 지식이 거의 없는 상태다. 이전에도 Antd를 사용하기 위해 Sass를 설정하기위해 eject를 해봤지만 실패했던 경험이 있었다. 이번에도 eject를 통해서 webpack.config.js를 수정하려고 했지..