Analyzer를 돌려보니 5mb가 넘는 충격적인 vendor 사이즈.

한 번은 제대로 정리하고자 했던, 브라우저 저장소

React 17 Release 요약

우아한 테크러닝 3기 React & Typescript 강의 후기

최근 나에게 고통을 줬던 코드를 기록 해본다.

지난 달, Facebook에서 React state 관리 라이브러리를 발표했다.

이 글은 The Complete Guide to Lazy Loading Images을 번역/요약 한 글입니다.

CSS 애니메이션을 재 실행하기 위해서 class를 지웠다가 다시 붙여주는 형식으로 코딩을 했는데, 생각대로 구현이 안됐다. 구글링을 하다가 클래스를 지우고 뒤에 void element.offsetWidth; 를 붙여주는 형식의 신기한 코드를 발견해서 도대체 무슨 일인지 알아보았다.

처음에는 150명 가량 동시접속이 가능하고 마지막에는 8000명 까지 동시접속이 가능하다는 걸 수치로 확인할 수 있었는데, Test tool은 artillery를 사용했다. socket.io 테스트를 지원하고, 기본 베이스가 자바스크립트라 사용하기 편했다!

하나의 프로세스만 있을 때는 socket.io 프로세스내에 메모리가 존재해서 socket, room, channel과 같은 정보를 저장 할 수 있다. 그런데 클러스터를 만들면 각각의 프로세스가 생성되게 되고 프로세스가 저마다의 저장소를 가지게 되면서, 서로 공유하는 메모리가 사라진다.

이번에 위치 기반 채팅 어플리케이션 프로젝트를 진행하면서, socket과 서버 확장을 다룰 기회가 있었다.

싱글쓰레드 기반의 Node js는 태생적으로 하나의 인스턴스가 하나의 cpu만 사용하게 된다. 여기서 멀티프로세서의 자원을 모두 사용하기 위해서 사용 되는 것이 Cluster다 .

Cross-Origin Resource Sharing

기본 엘리먼트는 위에서 아래로 배치되는 것이 기본이지만, 다양한 속성을 활용해서 다양하게 표현 가능하다.