목표 비판적 사고를 기르기 위해 단점부터 파고들어 문제의식을 키우고, 그다음 장점을 통해 균형 잡힌 시각을 가지기 위한 연습이며 단점과 장점을 찾는 건 시작일 뿐이고, 이 과정에서 얻은 인사이트를 실질적인 판단과 선택, 개선에까지 활용하는 것이 이 활동의 궁극적인 목표입니다. 기간 부정적 관점: 2025.05.19 ~ YYYY.MM.DD ...

CORS(Cross-Origin Resource Sharing) 이해하기 (1) CORS(Cross-Origin Resource Sharing) CORS(Cross-Origin Resource Sharing)는 브라우저가 다른 출처(Cross-Origin)로부터 리소스를 가져올 수 있도록 서버가 허가 해주는 HTTP 헤더 기반 메커니즘입니다. 다시...

CORS(Cross-Origin Resource Sharing) 이해하기 (2) CORS(Cross-Origin Resource Sharing)는 서로 다른 출처간의 리소스를 공유하기 위한 매커니즘입니다. 이러한 정책이 필요한 이유를 이해하기 위해 SOP(Same-Origin Policy)부터 시작하여 차근차근 정리해보겠습니다. 초창기 웹의 역할...

이벤트 루프(Event Loop)에 대해 정리하는 시간을 가져보겠습니다. 우선 이벤트 루프가 필요한 이유는, JavaScript가 싱글 스레드인 부분과 연관이 많습니다. 이에, 스레드(Thread)에 대해 먼저 간략히 정리해보겠습니다. Thread 스레드(Thread) 는 프로세스(Process) 내에서 실행되는 가장 작은 단위의 작업 흐름입니다...

Type Challenges 를 소개합니다. Type Challenges 란? TypeScript에 관한 흥미로운 챌린지들을 모아 제공하는 프로젝트입니다. 저는 작년(2023) 7월쯤 TypeScript를 제대로 다뤄보고자 도전했었던 기록이 남아 있는데요. 물론, 해보고 나니 복잡한 라이브러리를 구현하는 것이 목표가 아니라면 실무에선 거의 쓸 ...

Key Point: 실패와 교훈을 솔직하게 담는 것이 다음 해 성장을 돕는다. 나의 2024년 운동(웨이트)을 습관으로 만들다. 수면 습관을 바꾸다. 토트넘 경기를 보러 영국 EPL 직관을 갔다. 평소 배워보고 싶던 목공을 배웠다. 개발 블로그를 시작했다.(feat. 나의 이야기) 올 해 기술적인 것 보단 일과 삶의 균형을 ...

[contenthash] [contenthash]를 쓰는 이유는? Webpack에서 번들 시 contenthash를 사용하는 주된 이유는 파일 캐싱 효율성을 극대화하기 위해서입니다. 브라우저 캐싱 최적화 브라우저는 파일 URL이 동일한 경우, 기존에 다운로드한 파일을 캐시에서 불러옵니다. 파일 내용이 변경되더라도 URL이 동일하면 브...

Preload Scanner Preload Scanner란? Preload Scanner는 웹 브라우저가 웹 페이지를 로드할 때 성능을 최적화하기 위해 사용하는 중요한 구성 요소 중 하나입니다. HTML 파서와 협력하여 페이지 로딩을 가속화하는 역할을 합니다. HTML 파서 vs Preload Scanner HTML 파서: HTML 파서는 ...

기술 관련 포스팅을 진행할 예정입니다. 습득한 지식들을 제대로 기록하지 않아, 시간이 지나 잊게되는 모습을 보며 기록의 필요성을 느꼈습니다. 노션(Notion) 혹은 수기로 여기저기 정리하다보니, 한 곳에서 관리할 필요성을 느꼈습니다. 추후 나를 위한 기록이지만, 타인에게 설명한다고 생각하면 더 깊이있게 공부할 수 있는 걸 느꼈습니다. ...