개요 프로젝트를 진행하면서 custom Hook을 사용해야할 일이 있었다. 다양한 곳에서 custom hook을 활용하기 위해선 generic 활용이 필수라는 것을 느꼈고, 학습 후 코드에 적용해보게 되었다. generic은 Java나 C++ 등의 정적타입 언어에서 동적타입 기능을 제공해주는 역할을 하고있기 때문에 정적타입 언어에서 중요한 문법이라고 볼 수 있다. Javascipt는 동적 타입 언어이지만, Typescript를 통해 정적타입 언어로 코드를 관리하기 때문에, 동적타입 기능을 제공해주는 generic에 대한 이해가 필요하다. 이에 따라 generic에 대해 학습해보고 이전에 진행했던 프로젝트에 적용해봄으로써 실전활용도 해보고자 한다. 제너릭(generic)이란? generic은 컴포넌트에 대해 재사용성을 높혀줄 때 활용하는 문법이다. 즉, 어떤 컴포넌트에 대해 다양한 타입 활용이 가능하도록 만들어준다. 일반 함수와의 차이 다음은 어떤 string 값을 넣었을 때 배열…

회사에 처음 들어온 지 반 년 정도가 지났다. 그동안 프로젝트의 완성도를 위해 끊임없이 이슈를 해결해왔다. 기능개발업무가 생기면 최선을 다했다. 그 과정에서 배울점도 많았다. 기획부터 디자인과 API를 거쳐 클라이언트까지, 그리고 돌아오는 소중한 CS까지도… 진행되는 일련의 과정들이 너무 재밌고, 뿌듯했다. 이런 과정들을 통해 프로젝트에 애정도 상당했다. 업무가 없을 때는 가시적인 이슈를 스스로 찾고 개선했다. 이슈티켓의 5할은 내가 발행했을 정도이다. 그런데, 지나고보니 기술부채가 잔뜩 쌓였다. nextjs, manifest 등 버전 최신화, cf도입, axios로직개선 등 무수한 레거시 코드들.. 상환해야할 기술부채가 많지만, 상환할 능력이 부족했다기 보다 기획진을 설득할 능력이 부족하다고 생각한다. 상당수의 기술부채가 설득실패로 팔로업이 끊기곤 한다. 기획진은 끊임없는 인풋과 데드라인 속에서 우선순위를 산정한다. 그래서 필요에 의해 작업하는 것이 너무나도 이해가 된다. 문제…

적용하게 된 계기 현재 개발중인 프로젝트의 프론트엔드 서버는 두 서버로 분리되어 있습니다. 그리고 사용자는 분리된 서버 간 이동을 자주 경험하고 있습니다. 근데, 두 서버 중 한 서버에서 웹 캐싱이 이루어지지 않고 있다는 사실을 발견하게 되었고, 그동안 사용자가 두 서버 간 이동을 할 때 이전 상황이 캐싱되지 않아 페이지 전환 시마다 맨 처음화면으로 돌아가는 현상을 겪고 있다는 것을 알게 되었습니다. 원인은 Cache-Control값에 따른 Back/Forward Cache 적용 여부에 차이가 있다는 것이었고, 해당 글을 통해 Back/Forward Cache 적용방법을 공유하고자 합니다. Back/Forward Cache란? Back/Forward Cache는 브라우저의 뒤로가기/앞으로가기 시 즉각적인 페이지 로드가 가능하게 하는 브라우저 최적화 방식이다.느린 네트워크를 사용하는 사용자의 경우 검색 경험을 크게 향상시킬 수 있다. Back/Forward Cache(BF Cache…