분류 전체보기

[2025년] 2025년 회고

약간 늦은 2025년 회고다. 2025년에는 교환학생, 취업, 이직까지 모두 경험한 한 해가 되었다. 교환학생2025년 상반기에 약 5개월 동안 미국으로 교환학생을 다녀오게 되었다. 갈수록 취업은 어려워지고 있는 상황에 교환학생을 가는 것이 좋은 선택일지 계속해서 고민했다. 그렇다고 준비를 대충하지는 않았고 제출해야 하는 서류나 인터뷰 등에서는 최선을 다하기는 했다. 그 결과 교환학생에 선발되어 미국으로 다녀올 수 있게 되었다. 미국에서의 삶은 즐거웠다. 대부분의 수강 과목들은 이미 한국에서 들었던 과목들이라 새로운 내용은 많지 않았다. 따라서 내 목표는 두 가지 였다. (수업의 내용은 이미 대부분 수강했기 때문에) 영어에 익숙해지기 + 취업 전 마지막 휴가 즐기기(?) 두 목표 모두 제대로 달성한 것 ..

브라우저 탭 사이의 통신하기 (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에서 올바르지 않게 동작하던 부분을..