개발

모든 브라우저는 gzip을 자동으로 해제할 수 있는가?

(개인의 생각이 포함된 글입니다) 웹 기반의 서비스의 성능을 최적화 하는 방법에는 무엇이 있을까? 우선 본인이 시도했던 것은 다음과 같다.번들 크기 줄이기코드 스플리팅이미지 최적화(webp를 사용)기타그렇다면 위에서 했던 다양한 방법들의 궁극적인 목표는 무엇일까? 프로그램에 사용되지 않는 코드를 제외하고 각 페이지에서 필요한 코드만 가져올 수 있도록 lazy loading을 적용하거나 차세대 이미지 형식인 webp를 사용하여 이미지의 해상도를 유지하며 용량을 줄이는 방법 모두 전송되는 데이터의 크기를 감소시키는데 목표를 두고 있다. 최적화의 목표?앞서 최적화 중 일부는 더 작은 데이터 크기를 만드는 것을 목표로 하고 있는 것을 확인했다. 그렇다면 더 작은 데이터가 의미하는 것은 무엇일까? 더 작은 데이터..

[2024 하반기] 2024 하반기 회고

2024년이 끝났다. 2024년은 유난히 긴 한 해가 되었던 것 같다. 아쉬운 점상반기에는 프로젝트가 무산되는 등 힘든 일이 많았지만 하반기에는 그래도 좋은 일이 많이 있었던 것 같다. 우선, 현장실습 인턴으로 미리디에 입사하여 약 4개월간 서비스 유지보수 및 고도화 작업을 할 수 있었다. 이와 함께 상반기부터 하던 공모전과 오픈소스 컨트리뷰션도 함께 참여했기 때문에 바쁜 하반기가 되었다. 이번 하반기에 아쉬웠던 점으로는 체력 관리와 규칙적인 생활 패턴을 유지하지 못했던 것이다. 8시부터 11시 사이에 출근하면 되는 자율 출퇴근제를 운영하는 회사였지만 나는 일찍 퇴근하는 것이 좋아 8시 30분에 출근을 하고자 했다. 이렇게 되면 퇴근은 5시 30분에 하기 때문에 집에 와서는 개인적인 공부와 다른 작업들을..

[Node.js] Node.js와 V8 (with. ECMAScript)

Node.js 뿐만 아니라 자바스크립트에서 가장 중요한 개념 중 JS 엔진이 있다. JS 엔진 중 가장 유명하고 자주 사용되는 것이 V8 엔진이다. V8 엔진과 Node.js의 관계, 그리고 ECMAScript와 JavaScript의 관계가 어떻게 되는 것일까? ECMAScript vs JavaScript우리는 일반적으로 JavaScript를 사용해서 프로그래밍 한다고 표현한다. JavaScript를 다루다 보면 ES6, ES2024와 같은 것을 볼 수 있다. 대표적으로 ES6의 경우 일반적으로 JavaScript에서 많이 사용되는 const, let 등이 추가된 버전이다. 그렇다면 ECMAScript와 JavaScript의 관계는 어떻게 될까?ECMAScript의 경우 JavaScript의 표준이다. ..

[Node.js 기여하기] 3. path 모듈 resolve 함수 성능 올리기

https://github.com/nodejs/node/pull/54835 path: remove repetitive conditional operator in `posix.resolve` by HBSPS · Pull Request #54835 · nodejs/nodeconfidence improvement accuracy (*) (**) (***) path/resolve-posix.js n=100000 paths='' *** 7.32 % ±2.03% ±2.70% ±3.51% path/resolve-po...github.com 저번과 유사하게 path 모듈의 성능을 올릴 수 있었다.어떻게 보면 첫 번째 PR과 유사한 방식으로 개선한 것 같다.resolve(...args) { let resolvedP..