Developer(34)
-
[Web.dev] Fast (1) - Introduction
Overview web.dev에서 소개하는 Web Security에 대한 내용들을 여러 챕터에 걸쳐서 정리합니다. 모든 내용들을 다 다루지는 않고, 개인적으로 중요하다고 생각하는 부분들을 추려서 중점적으로 정리했습니다. 자세한 내용들은 아래 Table of Contents의 링크를 통해 확인하실 수 있습니다. Table of Contents Why does speed matter? What is speed? How to measure speed? How to stay fast? Measure performance with the RAIL model Why does Speed Matter? 연구에 따르면 낮은 성능은 비즈니스 목표에 부정적인 영향을 미칠 수 있습니다. 예를 들어 BBC는 사이트를 로드하는 ..
2022.04.15 -
[Web] preload, prefetch, preconnect
Overview 아무리 복잡한 웹 애플리케이션이라도 모든 것은 HTML 문서를 로딩하는 것부터 시작됩니다. 로딩된 문서는 자바스크립트를 실행하기 위한 태그, CSS style이나 image 등을 가져오기 위한 태그들을 포함하는 경우가 대부분이며, 브라우저는 HTML 문서를 받아온 뒤 이를 파싱 하면서(혹은 파싱 한 후에) 해당 태그들이 포함하는 리소스들을 가져옵니다. 기본적으로 브라우저는 Critical Rendering Path를 기준으로 삼아 fetch 해야 하는 리소스에 우선순위를 부여합니다. 브라우저의 경우 도메인마다 2~6개(Chrome브라우저의 경우 도메인마다 최대 6개)의 커넥션을 맺을 수 있고, 최대 커넥션의 개수를 넘어서는 요청은 이전 요청이 끝나야 이루어질 수 있습니다. 따라서 같은 도..
2022.04.03 -
[Nextjs] How getInitialProps Works
Overview Nextjs 공식문서에 따르면 next v9 이후 버전부터는(현재 기준 release 버전은 12.1.1) getInitialProps 대신에 getStaticProps와 getServerSideProps를 사용하도록 권장합니다. 이는 getInitialProps가 Client Side와 Server Side에서 모두 동작하는 특징을 갖고 있기 때문입니다. 이번 포스팅에서는 Nextjs의 getInitialProps의 구현을 살펴보며 실제로 어떤 식으로 동작하는지를 살펴보도록 하겠습니다. Official Documents getInitialProps를 설명한 공식문서를 보면 다음과 같은 설명을 확인할 수 있습니다. getInitialProps enables server-side rende..
2022.03.28 -
개발일지 (1월 회고)
Overview 회사가 성과를 측정하는 방식을 22년 1분기부터 KPI(Key Performance Index)에서 OKR(Objective - Key Result)로 변경하면서 여러 가지 변화들이 있었다. 새로운 지표에 맞추어 플래닝이 진행되어야 하다 보니 기존 플래닝보다 조금 더 시간이 걸리는 듯했고, 덕분에 미루고 미뤄왔던 프론트엔드 팀 내의 칸반 작업들을 정리하고 기존에 작성되어 있었던 로직들에 대해서 적당한 수준으로 리팩터링 하고 누락된 테스트 코드를 작성하는 데 시간을 쏟을 수 있었던 것 같다. Frontend Tech Lead 지금 다니는 회사는 Group 내에 여러 TF(Task Force)가 있고 전사의 분기별 목표를 여러 Group이 나눠 갖고, 각 Group안에 있는 TF들이 Grou..
2022.02.12 -
개발일지 (10월 회고)
내가 지향하는 개발의 초점을 "어떤 기술을 적용할 것인가"에서 (물론 중요한 부분을 차지하고 있다) "어떤 제품을 만들 것인가?"로 바꾸면서 개발일지가 커버하는 범위가 어째 많이 넓어진 것 같다. 다음 달부터는 개발일지에서 아예 LifeLog정도의 이름으로 변경할까 고민이 된다. 독서에 대하여 2017년 대학교에 입학하면서 세운 다짐이 있다면, 대학교 졸업장을 받기 전까지 1000권의 책을 읽고 기록으로 남기는 것이었다. 물론 그때는 굉장히 막연한 목표였고, 새해가 밝기 전 매번 세우는 어느 집 삼촌의 금연 다짐 같은 정도의 목표였었다. 시간이 지나 목표를 세운지도 벌써 4년이 지났고, 현재까지 기록해둔 책은 대략 650권 정도가 되었는데, 아직 졸업까지는 (최소) 3학기가 남았고, 내년 9월이나 되어야..
2021.11.07 -
[FSDL] CNNs
Full Stack Deep Learning의 2021 Spring Lecture를 정리합니다. CNN CNN(Convolutional Neural Network)은 합성곱(Convolution)을 사용하는 신경망의 한 종류로 "공간적" 정보를 유지한 상태로 정보를 다음 레이어로 보낼 수 있습니다. "공간적" 정보를 유지한 상태로 특징을 뽑아낼 수 있다는 장점 때문에 특히 이미지를 사용한 학습에 굉장히 유용합니다. 잘 알려진 이미지 분류 모델은 이렇게 Convolution Layer를 여러 겹 사용해서 모델의 특징들을 각각 뽑아내고, 뽑아낸 특징들을 바탕으로 FC(Fully Connected Layer)를 적용하여 이미지를 분류하는 형태를 띕니다. Fully Connected Layer(FC) 일반적인 ..
2021.10.01