기술아티클&영상

렌더러프로세스의 내부동작렌더러프로세스: 주로 메인스레드의 역할이 크다. 최근미션이었던 jsonParser가 떠올랐다. 메인스레드는 문자열 html을 파싱하여 문서구조를 파악하고, css도 파싱하여 각 노드의 스타일을 파악하여 레이아웃 트리를 만든다. 이것만으로 렌더링을

: 언마운트 시에는 불필요한 행위를 줄이자. 이벤트 리스너를 한번 등록하고나면 브라우저에 인식되니 계속하여 이벤트를 추가할 필요가없다. 메모리가 사용될것이고(특히, SPA에서는 더욱!) 여러 이벤트 리스너들이 중복될 때 에러를 발생시킬 수도 있기 때문이다. 사용 후 정

Recoil레시피 0604 리코일을 적용했던 미션이 끝난 후 제대로 다시 읽게된 리코일에 대해 정리한 글이다. 우선 한글로되어있어 처음 접하는 사람에게는 큰 도움이 될 글이다. 이번에 리코일을 적용해보면서 Atom의 default값을 줄때 단순한 형태 숫자, 빈 배열,

요즘은 아티클보다 영상을 자주보고있는데기억에 남기고 싶은 영상과 아주 일부라도 기록하고 싶은 내용을 적어보려고 한다.타입스크립트가 좋은 이유라는 글을 정리하고 있는데, 뭐 이 영상이 특별한 내용은 없었지만 공감가는 부분이 있어 메모한다.

💚React+Webpack에서 Code Splitting 적용기 읽어보기만 했는데, 웹팩에 대한 이해도가 살짝 올라감 코드 스플리팅을 React.lazy로 사용해보긴 했는데, 여기선 이 LazyLoading을 직접 구현하여 사용한 것 같다. HOC로 표현된 것이

이번엔 젭알 꼬박꼬박 읽고 좀 남기자 😊🎏\-"프레젠테이션/ 컨테이너 컴포넌트 패턴" Presentational and Container ComponentsBuilding Your Own Hooks용어를 우연히 듣게 되어 검색해보았다. 특별한건 아니었다. 대개의 프

참고링크CSS 라이브러리를 고민하는 당신을 위해 (+ 성능비교)(https://sungpaks.github.io/css-styling-methods/\[모던 CSS 적용 방법 둘러보기(CSS-in-JS with zero-runtime)](https:/