8월 30일에, Astro 3.0이 소개가 되었고 내용은 아래와 같다. - View Transitions API - Image Optimization (stable) - SSR Enhancements for Serverless - HMR Enhancements for JSX - Optimized Build Output View Transitions API 두 번째 단락을 보면 View Transitions API를 주요 웹 프레임워크 중에서 처음으로 지원하게 되었다고 한다. View Transitions API라는 것은 A 페이지에서 B 페이지로 전환할 때 애니메이션을 추가할 수 있도록 지원하는데, 이는 기존에는 SPA 내부에서만 가능했던 것이었다. 많은 개발자들이 지난 몇 년간 네이티브 환경에서 pag..
# 기술에 대한 이해의 적당한 선 개발자가 해야하는 일은 비즈니스의 문제를 소프트웨어를 통하여 해결하는 것인데 그러려면 문제를 해결하기 위한 소프트웨어를 개발할 수 있는 지식이 필요하다. 여기서 핵심은 문제를 해결하기 위한 지식이다. 이 수준보다 못미친다면 기술에 대한 학습을 충분히 진행해야 할 것이고 얼추 걸쳐있는 느낌이라면 기술 자체에 대한 것 보다는 문제를 해결하는 것에 몰입하는 것이 더 좋다고 생각한다. 그리고 필요할 때, 즉 문제를 해결해야하는 일이 생겼을 때 그때마다 기술에 대한 학습을 진행하는 것도 공부를 더욱 의미있게 할 수 있는 좋은 동기부여가 되는 것 같다. YAGNI 처럼 느껴지기도 하고... 현재 내 상황에 맞게 비율을 맞춰가는게 가장 좋은 것 같다.
# 이직 후 출근 하루 전 개발자로 일을 한 지 11개월 정도가 되었지만 첫 출근은 신입때랑 느낌이 비슷한 것 같다. 굉장히 떨리기도 하고 설레기도 하고 반반이다. 그러나 달라진 점은 세상의 문제를 해결하고 사용자에게 가치를 전달하겠다는 생각을 가장 우선적으로 하게 됐다는 것 같다. 가치를 전달하는 좋은 프로덕트를 만들고 싶다. 그러기 위해서 항상 도전하고 또 도전하자.
# Google Analytics, Google Tag Manager 웹 서비스에서 사용자의 행동을 분석하여 다양하게 활용하기 위해서 GA, GTM을 많이 사용하고 있다. 실제로 프로젝트에 직접 붙여본 적이 없었는데 앞으로 개발하게 될 환경에서도 사용하게 될 것 같아서 직접 붙여보았다. 기본적으로 init과 같은 초기화 세팅을 하고 페이지가 전환되거나 특정 이벤트가 발생했을 때 이벤트가 수집되도록 한다. 기존 프로젝트에 설치만 하고, 실제로 이벤트가 수집이 되는지 간단하게만 테스트를 해봤는데 유의미한 데이터를 만들 수 있도록 정교하게 설계하려면 꽤나 디테일하게 잡아줘야 할 것 같았다. GA 관련된 책이 집에 있는데 간단하게 보고 실제로 부딪히면서 잘 써봐야할 것 같다.
# 프론트엔드의 컴포넌트 설계 FEConf에서 컴포넌트 설계에 대한 영상을 보고 어떻게 접근해야 좋은지에 대해 느낄 수 있었다. 컴포넌트에는 의존성이 있다. 아래의 의존성을 어떻게 잘 다룰 수 있는 지에 따라서 변화에 강한 설계를 할 수 있다. 1. 스타일 2. 비즈니스 로직 3. 상태 4. 리모트 데이터 스키마 2, 3, 4는 custom hook으로 컴포넌트에서 분리하여 컴포넌트가 View를 담당할 수 있도록 역할을 잡아주면 좋을 것 같다. 리모트 데이터를 정규화하여 id 기반으로 데이터를 불러오는 것도 방식이 굉장히 깔끔해보였다. 또한 공통 컴포넌트를 설계할 때 같은 모델을 의존하는 컴포넌트의 경우에 재사용하고, 다른 모델을 의존하는 컴포넌트는 분리한다는 규칙이 좋았다. 큰 흐름에서는..
# 새롭게 작성해본 리액트 폴더 구조 리액트 코드를 작성하다가 조금 다른 폴더 구조로 작업을 해보고 싶어서 아래의 사진과 같이 폴더 구조를 구성해보았다. 규모가 큰 프로젝트가 아니기 때문에 관심사별로 구성하는 것과 기능별로 현재와 같이 구성하는 것이 큰 차이까지는 없을 것 같은데 체감상은 사진과 같이 구성하는게 무언가 만족감이 더 드는 것 같다. 다른 프로젝트에서는 admin 프로젝트와 b2c 프로젝트를 모노 레포로 구성해서 진행해보면 좋을 것 같다. 개발적으로 해보고 싶은 것들이 많다는 감정이 좋은 것 같다. 그리고 건강챙기기...!
# 몸살에 걸려서 한동안 뻗어있기.. 5월 26일(금) 퇴사날에 아침부터 목이 조금 아프긴 했었는데 퇴사 면담도 하고, 동료분과 밥을 먹으면서 얘기도 하고 퇴근하고 스터디까지 하고 집에 왔더니 목이 찢어질 것 같았다. (목을 함부로 다룬 내 잘못이 크지만) 다음날부터 더 몸이 안좋아져서 그때부터 지금까지 몸에 힘이 들어가지 않아서 거의 뻗어있었던 것 같다. 퇴사하고 새로운 회사에 출근하기 전까지 1주 정도는 놀려고 했었는데 손해본 것 같은 기분이다. 그래도 지금은 몸이 많이 괜찮아져서 남은 시간동안은 쉬면서 여행도 간단하게 다녀오면 좋을 것 같다는 생각이 든다. 학습도 꾸준히 하려고 한다.
# Node.js libuv, 이벤트 루프 Node.js의 libuv는 C++로 작성이 되어 있고, 비동기 처리를 담당한다. libuv에게 파일 읽기와 같은 비동기 처리 작업 요청. 커널이 지원하면 커널에게 요청하고, 지원하지 않으면 워커 스레드가 담긴 스레드 풀을 사용한다. 이벤트 루프는 Node.js가 여러 비동기 작업을 관리하기 위한 구현체. 노드가 실행되면 이벤트 루프를 먼저 생성하고, 코드의 실행을 완료하고, 이벤트 루프에 진입해서 각 페이즈의 큐에 쌓여있는 것들이 있는지 확인하고 있으면 실행하고, 모든 페이즈가 비어있으면 이벤트 루프를 빠져나온다. 6개의 페이즈, 이전 페이즈에서 다음 페이즈로 넘어가는것이 Tick Timer Phase부터 시작. 페이즈마다 queue가 있고 큐에 담겨있..
