미국 소비자물가지수가 4월 12일 8.5%로 컨센서스를 상회하면서 미국 국민들은 행정부에 강한 불만을 나타내고 있다. 당선 초부터 당면한 여러 과제들로 인해 지지율이 그렇게 높지 않았던 바이든 정부는 이번 소비자 물가지수 발표 이후 자국민의 신뢰를 상당 부분 잃어버렸다.(현재 50% 이하) 설문조사 결과 미국 국민의 65%가 현재 미국이 당면한 가장 큰 문제는 경제 / 물가라고 생각하고 있으며, 이에 따라 연준에게도 이런저런 압박을 가하고 있는 듯하다. 5월 FOMC에서 연준은 기준금리를 50bp(0.5%) 인상하는 빅 스텝을 선언했으나, 시장은 이미 50bp는 기정사실로 받아들이고 있었고, "75bp 인상"에 대한 우려를 안고 있었기 때문에 FOMC 직후 시장은 급격하게 올라오는 양상을 보여주었다. 제..

Overview 코드 리뷰가 무엇인지, 코드 리뷰를 왜 해야 하며, 어떤 방식으로 운영해야 하는지에 대해서 최근에 많은 고민들을 하게 되었습니다. 사람마다, 회사마다, 팀마다 코드 리뷰에 대한 생각들이 각기 다르기 때문에 이를 상황에 맞게 정의하고 방법을 찾는 것이 중요했습니다. 이를 위해 꽤 오랜 시간 동안 프론트엔드 팀에 코드 리뷰 문화를 정착시키기 위한 여러 가지 시도들과 노력들을 했었고, 이를 거치면서 경험한 것들과 생각했던 것들을 정리하려 합니다. Why Code Reviews? 풀려고 하는 문제가 무엇인지를 정확히 알아야 그 문제를 풀기 위한 알맞은 노력을 기울이고 방법을 찾아낼 수 있기 때문에 "코드 리뷰를 왜 해야 하는가?"에 대한 명확한 정의를 하는 것이 굉장히 중요하다고 생각했습니다. ..

22년 1분기를 한번 정리하고 새로운 2분기 목표를 정해 열심히 달렸던 4월 한 달이었다. 세상은 정말로 빠르게 변하고, 예측하지 못한 사건들이 산발적으로 여러 가지 원인들과 함께 발생한다. "예측" 보다는 "대응을 위한 준비"를 어떻게 잘할 수 있을지에 대한 고민들로 4월 한 달을 채워나갔다. 투자원칙 2020년 여름 정도부터 시작한 경제공부는 나에게 여러모로 많은 것들을 가져다주었다. 가장 큰 변화라면 내가 배우고 공부하는 분야를 기하급수적으로 확장시킨 것이다. 이전까지는 프론트엔드 개발 공부와 얄팍한 디자인 공부가 사실상 전부였다면, 투자로 시작한 경제 공부는 경제뿐 아니라, 인문학, 정치학, 지리, 역사, 철학 등 다양한 학문들에 발을 담그도록 만들었다. 관심이 가는 여러 기업들을 조사하고, 기업..

Networking background (for beginners) 애플리케이션을 도커 컨테이너에 배포했다면, 외부에서 애플리케이션을 사용할 수 있도록 해당 컨테이너로의 접근을 허용해주어야 합니다. 이 전반적인 과정들을 이해하기 위해서는 도커가 컨테이너의 네트워크를 어떻게 관리하는지를 알아야 하며, 이를 위해 기본적으로 "네트워크"에 대한 기본적인 지식들을 짚고 넘어가도록 하겠습니다. Basics: Protocols, interfaces, and ports 프로토콜(Protocol)은 컴퓨터나 네트워크 장비가 서로 통신하기 위해 미리 정해놓은 "규약"을 의미합니다. 쉽게 이야기해서 비트 스트림을 어디서 어떻게 끊어서 어떤 의미를 부여해서 해석할 것인지를 정해놓은 것으로써, Sender와 Receiver가..

Overview Nextjs가 편리한 점은 웹 사이트 최적화를 위해 고려해야 하는 여러 가지 사항들을 대부분 "미리" 고려해서 default 옵션으로 제공해 주고 있다는 것입니다. 이번 포스팅에서는 Nextjs에서 웹 사이트 최적화를 위해 제공하는 기능 중의 하나인 Next/Image 가 내부적으로 어떻게 동작하는지에 대해 살펴보려고 합니다. 공식 문서에서 찾아볼 수 있는 내용들은 포함되어 있지 않으며, 실제로 nextjs 라이브러리가 어떻게 구현되어 있는지를 소스 코드를 기준으로 설명합니다. Image Optimization next/image 를 사용하려면 html의 img 태그 대신에 다음과 같이 next/image를 import 해서 사용하면 됩니다. 사용법이 굉장히 간단하고, next/image..

Overview web.dev에서 소개하는 Web Security에 대한 내용들을 여러 챕터에 걸쳐서 정리합니다. 모든 내용들을 다 다루지는 않고, 개인적으로 중요하다고 생각하는 부분들을 추려서 중점적으로 정리했습니다. 자세한 내용들은 아래 Table of Contents의 링크를 통해 확인하실 수 있습니다. 이미지 최적화 Choose the right image format Choose the correct level of compression Use Imagemin to compress images Replace animated GIFs with video for faster page loads Serve responsive images Serve images with correct dimension..