2022.11.29.

1. https://yozm.wishket.com/magazine/detail/1803/?utm_source=stibee&utm_medium=email&utm_campaign=newsletter_yozm&utm_content=contents 

DOM 트리를 트리 자료구조로 바라보기 | 요즘IT

"

- getElementById의 경우, 고유한 id를 가지고 탐색하는 것이므로 트리를 탐색하기 전에 미리 만들어져 있는 해시테이블을 우선적으로 탐색한다. 

- 시간만 고려한다면 getElementById가 queryselector보다 훨씬 좋은 메서드라고 할 수 있다. 하지만 탐색 속도는 getElementById가 더 빠를지라도, queryselector를 이용하면 여러 가지 속성들을 자유롭게 활용하고, 노드를 탐색할 수 있어서 유연하기 때문에 메서드 확장성 면에서 장점이다. 따라서 이 두 메서드는 목적에 맞게 활용하는 것이 좋다.

"

 

2. https://yozm.wishket.com/magazine/detail/1796/?utm_source=stibee&utm_medium=email&utm_campaign=newsletter_yozm&utm_content=contents 

개발팀 퇴근시간을 앞당겨줄 git, github 팁 | 요즘IT

"

git은 commit, push 등의 시점에 자동으로 스크립트를 실행하는 훅 기능을 제공합니다. 예를 들어 git commit 명령어로 커밋을 생성하기 전엔 pre-commit, post-commit 훅이 실행됩니다.

"

😃 .git/hooks 존재를 처음 알았다. PR메시지 템플릿 만드는 법도 좋아보인다. 나중에 적용해봐야지.

 

3. https://velog.io/@superlipbalm/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior

(번역) 블로그 답변: React 렌더링 동작에 대한 (거의) 완벽한 가이드

"

- 렌더링이란? 렌더링이란 현재 props 및 상태를 기반으로 리액트가 컴포넌트에게 UI 영역이 어떻게 보이길 원하는지 설명을 요청하는 프로세스입니다.

"

 

😅 엄청난 분량의 글이다. 내용은 알차고 좋으나, 조금 어렵다. 리액트 최적화 관련 내용이 괜찮다. 실제로 최적화를 적용해 본 적은 거의 없으나, 최적화로 고민할 때 다시 한번 읽어보면 좋을 것 같다. React Forget이라는 게 논의되고 있다는 점이 흥미롭다.