분류 전체보기

브라우저 탭 사이의 통신하기 (postMessage)

브라우저에는 탭이라는 개념이 있다. 각 탭에 서로 다른 페이지를 띄울 수 있으며 탭 사이에는 어떠한 연관성이 없어 보인다. 브라우저 탭 사이에 데이터를 주고 받는게 가능할까? 브라우저 탭브라우저에 있는 탭은 어떤 특징을 갖고 있을까? 같은 브라우저에 있을 뿐 실제로 별개로 동작하는 것일까? https://developer.mozilla.org/ko/docs/Glossary/Browsing_context 브라우징 맥락 developer.mozilla.org mdn의 문서에 따르면 다음과 같은 내용이 있다.브라우징 맥락은 브라우저가 Document를 표시하는 환경을 말합니다. 오늘날에는 보통 탭이지만, 브라우저 창이나 페이지 내의 프레임도 가능합니다.각 브라우징 맥락은 특정 출처, 활성화된 문서의 출처, 그..

구조 분해 할당 (feat. ES6, 단점)

배열에서 두 요소를 바꾸는 경우 아래와 같이 작성하곤 한다.const arr = [1, 2, 3, 4, 5];[arr[1], arr[2]] = [arr[2], arr[1]]console.log(arr); // [1, 3, 2, 4, 5]위와 같이 작성할 수도 있지만 아래와 같이 작성할 수도 있다.const arr = [1, 2, 3, 4, 5];const tmp = arr[1];arr[1] = arr[2];arr[2] = tmp;console.log(arr); // [1, 3, 2, 4, 5] 구조 분해 할당const [state, setState] = useState();console.log(state);리액트에서 많이 사용하는 useState의 사용 예제는 위와 같다.const tmp = useSt..

[Node.js 기여하기] 4. os.networkInterfaces의 서브넷마스크 조건 수정하기

https://github.com/nodejs/node/pull/57324 os: fix netmask format check condition in getCIDR function by HBSPS · Pull Request #57324 · nodejs/nodeModified to check the format of the netmask instead of just checking that each part of the netmask is even number. (Ref: https://www.rfc-editor.org/rfc/rfc1878) The result of the previous run was l...github.com 이번에는 성능 개선이 아니라 Node.js에서 올바르지 않게 동작하던 부분을..

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

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