2019. 8. 7. 17:41ㆍ소소한 정보
*하루 동안 저 예산(50MB)으로 웹 이용하기 (다양한 최적화 기법)
- 세계적인 웹 서비스를 목표로 한다면 읽어봐야함
- 한국은 세계 최고 수준의 인터넷 망을 갖추고 있음에 다시 한번 감사함..
- 저 예산(낮은 전송량)을 목표로 구축할 때 다양한 트레이드 오프가 발생할 수 있음(선택은 각자의 몫)
- 이미지와 PDF 압축하지 않기(svg는 예외)
- 1500 byte 이하 파일은 압축하지 않기(네트워크 계층에서 허용되는 최대 크기가 TCP 패킷의 최소 크기임)
comlink를 이용하여 redux를 메인 쓰레드에서 분리하기
- 여기서 '우리'는 프론트개발자
- $& 찾는 문자열 자기 자신을 추출
- $` 찾는 문자열 이전 문자열 추출
- $' 찾는 문자열 이후 문자열 추출
"불필요한 re-render"가 반드시 성능에 나쁜 것은 아닙니다. 컴포넌트가 다시 렌더링된다고해서 DOM이 업데이트되는 것은 아닙니다.(DOM 업데이트 속도는 느릴 수 있음). react는 자체 최적화에 큰 역할을하므로 최적화를 목적으로 코드를 크게 만들필요가 없습니다. react는 기본적으로 빠릅니다.
- react 개발시 무조건 최적화를 목표로 삼기보다는 간결하게 구현한 후 프로덕션 버전에서 성능 문제가 발견되면 대응하는 방식을 권장한다. 최적화 코드에는 결국 트레이드 오프가 있음에 유의하여 접근해야 한다.
- 개발 과정에서 우리는 수 많은 개발 툴을 사용한다. 툴은 편리함과 동시에 한계를 지니고 있다. 우리는 도구를 통해서 발명하지만 도구 자체가 우리를 옭아맬수도 있다. 우리가 도구를 만들지만 결국 도구가 우리를 만든다는 말처럼 도구에 종속되지 말고 새로운 도구에 대한 시도와 동시에 기본(원점)에서 바라보려는 관점을 유지해야 한다.