Overview 10월까지만 해도 반팔을 입을까 얇은 긴팔을 입을까 고민했었던 것 같은데 11월이 되면서 꽤 쌀쌀해진 날씨와 함께 드문드문 단풍이 보이는 것 같다. 어쩌면 정신없이 바닥만 쳐다보며 살다가 한숨 돌릴틈이 생긴 이제서야 한번 하늘을 올려다본 걸지도 모른다. 항상 다음 달은 이전달보다 바빠왔지만 10월은 올해 들어 유난히 체감상 더 바빴던 달이기도 하다. Frontend 회사에서는 "내신기출 서비스" 출시를 앞두고 막판 스퍼트를 시작했다. 이런저런 프로모션 대응이나 서비스 제공을 위한 여러 웹뷰들, 그리고 이를 관리하고 문제 / 해설을 수급하는 어드민성 웹 페이지들을 만드는 작업들을 팀원들과 같이 진행하고 있는데, 그중에서 내가 비중있게 맡고 있는 작업은 Latex 수식의 형태로 들어있는 스트..

전역과 복학 오지 않을 것만 같았던 34개월간의 산업기능요원 복무가 마무리되고 22년 9월 14일 자로 복무만료가 되었다. 병무청에서 별다른 안내를 해주지 않아서 만료된 거 맞나? 싶었지만, 병무청 앱을 들어가 보니 "예비군"이라고 표시되어 있었고 그제야 조금 실감이 났던 것 같다. 34개월의 복무를 마치고 나니 어느덧 4년 차 프론트엔드 개발자가 되어 있는 내 모습을 다시 한번 돌아보게 되었는데, 소개원실 프로젝트에서 가위바위보를 져서 프론트엔드를 선택했고, 결국 이 프로젝트를 이력서에 적어 첫 회사에 취직하게 된 기억을 되살려보다가 문득 인생에서 중요하게 보이는 선택들이 때로는 정말 별거 아닌 이유들로 인해 이루어지는 경우가 많은 것 같다는 생각이 들었다. 처음에는 복무가 마무리되는대로 지금 회사에서..

Overview 2년 조금 넘는 시간 동안 프론트엔드 개발을 해 오면서 애플리케이션 생태계에서의 웹 서비스의 비중이 시간이 지날수록 점점 커지는 것을 실감하고 있습니다. 빠른 주기의 업데이트와 유연한 UI를 제공하기 위해서 많은 앱 애플리케이션들이 웹뷰를 사용해서 서비스를 구현하고 있으며 이에 따라 데스크톱 생태계에서 뿐 아니라 스마트폰 / 태블릿 생태계에서도 웹 서비스는 여전히 서비스의 가장 앞단에서 수많은 사용자에게 접점을 제공하는 중요한 역할을 맡고 있습니다. 이렇게 애플리케이션 내에서 웹, 즉 웹뷰의 사용이 점점 확대됨에 따라 웹뷰에서 제공하는 기능 또한 다양해졌고, 이로 인해 웹뷰 프로젝트의 규모가 커지고, 복잡도가 증가하게 되는 경우가 많아지는 것 같습니다. 여느 큰 규모의 프로젝트들이 그렇듯..

Overview 모노레포의 문화적 의의를 다룬 이전 포스팅에 이어, 이번 포스팅 시리즈에서는 실제로 모노레포를 팀에 도입하기 위해 거쳐왔던 여러 기술적인 고려 사항들을 간단하게 이야기해보려고 합니다. "모노레포는 이렇게 운영하는 것이 좋다"라는 가이드라기보다는 프론트엔드 팀이 모노레포로 전환하는 과정에서 겪은 여러 문제들과, 이를 해결해 나가는 과정에 대한 기록에 가까울 것 같습니다. 글은 다음과 같은 순서로 작성되었습니다. Workspaces & Dependencies Global Lint & Prettier Deploy & Branch Management Plugin (Optional) Sparse Checkout Yarn Plugin Yarn Berry(v2) 부터 공식적으로 plugin에 대한 지..

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..

Overview web.dev에서 소개하는 Web Security에 대한 내용들을 여러 챕터에 걸쳐서 정리합니다. 모든 내용들을 다 다루지는 않고, 개인적으로 중요하다고 생각하는 부분들을 추려서 중점적으로 정리했습니다. 자세한 내용들은 아래 Table of Contents의 링크를 통해 확인하실 수 있습니다. 성능 예산 수립 Performance budgets 101 Your first performance budget Incorporate performance budgets into your build process Use Lighthouse for performance budgets Using bundlesize with Travis CI Using Lighthouse Bot to set a perf..