목록2022/09/16 (1)

Bleeding edge

2022/09/16 - TIL

바닐라 자바스크립트 렌더 최적화하기 바닐라 자바스크립트로 웹페이지를 만들 때 MVC 아키텍처를 기본으로 잡고 페이지를 많이 만들을 때 전체 렌더가 자주 일어나는 것으로 효율이 좋지 않다는 것을 알게되었다. 일반적으로 한 자바스크립트 파일내에서 상태를 관리하는 객체 state를 만들고 setState를 이용하여 변경된 값을 바꾸는 방식을 통하여 상태를 관리하였다. const setState = (newState) =>{ state = [...state, ...newState)] render()//혹은 render(state) } 위의 방법대로 페이지를 만들면, 페이지 렌더링이 상태의 값 1개가 바뀌면 페이지 전체를 처음부터 다시 로드를 하기 때문에 효율이 좋지 않다. 효율지 좋아지기 위해서 어떤 방법이 있..
ConnecTo 2022. 9. 16. 17:56
이전 Prev 1 Next 다음