240516(목)
🌱 성장일지 Re 1.0
책 행복한 이기주의자(웨인 다이어)
의 내용에 자극받아 시작하는 소박한 성장기록
- 살아있는 꽃과 죽은 꽃은 어떻게 구별하는가?
- 성장하고 있는 것이 살아 있는 것이다.
- 생명의 유일한 증거는 성장이다!
(1.0) 하루 SoD, EoD를 기록하고 공부한 것을 간단하고 담백하게 기록하자.
Plan
아침
- ✅ 가벼운 스트레칭
- ✅ 견과류, 우유 한잔
- ✅ SoD 쓰기
오전
- ✅ 메모장 확인
- ✅ 수습 상호 피드백 준비
✅ ⏰ (10:00 ~ 10:15) 데일리 체크인 ✅ ⏰ (11:00 ~ 12:20) 2개월 수습 상호 피드백(워니)
오후
- ✅ 코드 리뷰
- 시스템 안정화
- ✅ Suspense, lazy import 리팩토링
- ✅ 주요 페이지 Core 웹 성능 점수 측정 및 비교
- ✅ 빌드 및 번들 크기 확인 및 비교
- ❌ 첫 검색 focus 유지되도록 수정
- ✅ Suspense, lazy import 리팩토링
- 버그 관리
- ❌ '메인, 프로필 페이지 등 피드에 있는 메이커 로그 삭제 시 메이커 로그 제외하고 다른 UI들의 인터렉션이 안됨' 도전!
저녁
✅ ⏰ (19:30 ~ 20:00) 걸어서 퇴근하기 - 종합운동장역 ✅ ⏰ (20:00 ~ 21:00) 헬스 - 상체
밤
- ✅ 프로젝트: todolists ts-react-vite 개발
- ✅ 책: 함께 자라기
- ✅ 주식: QQQ 적립 매수
- ✅ 다이어리: 감정 일기 쓰기
Learn
- FSD 아키텍처(기능 분할 아키텍쳐)
- 크게 depth는 3가지로 나뉜다. Layers, Slices, Segments
- Layers
- 크게 7가지로 나뉘지만, processes는 삭제되어 6가지로 나뉜다. app, pages, widgets, features, entities, shared
- Slices
- 각 Layers에 맞게 도메인 별, 기능 별 나누어진다.
- Segments
- 보통은 ui, model, api, lib 등으로 나뉘어진다.
Review
- 번들 사이즈... 코드 스플리팅... lazy, Suspense... 또르륵... 왜 저번에 확인한 번들 사이즈랑 다시 확인한 사이즈랑 다른걸까...
- 코드 리뷰를 소홀히 하지 말아야겠다. 팀원들 코드를 볼 때마다, 배우는 게 많아서 너무 너무 도움이 많이 된다.
- 2개월 수습 회고 및 피드백을 하면서 배우는 게 참 많은 것 같다. 고민했던 부분들도 정말 많이 해소되고!!! 시원한 기분!!!
- 흠... FSD는 프로젝트하다가 홀린듯이 보게 되었는데, 아직 명확하게 이해가 되진 않는다. 다음에 잡동사니로 깊게 정리해봐야겠다.
- 각종 공식문서를 GPT에게 학습시키고 대화해보고 있는데... 이건 진짜 너무 신세계다... 그냥 얘랑 공부하면서 프로젝트하면 기술 스택은 정말 금방 익힐 수 있을듯;;