Suspense로 감싼 정적 페이지의 본문은 왜 hidden div에 들어가는가
React 19.2부터 Suspense로 감싼 내용이 렌더가 끝난 정적 페이지에서도 hidden 요소로 분리돼 나갈 수 있는 문제. 이 블로그의 글 본문이 5월부터 11월 초까지 그렇게 나간 과정을 React 소스, 버전별 재현, 웨이백 머신에 남은 HTML로 추적해보기
16 POSTS
Blogging 1
◆ coldpath 제작기 · 1편블로그의 JavaScript가 언제 실행되는지 추적해보기
추석맞이 뻘짓 대작전 1탄: 내 블로그 부터 살펴보기
- ◆ 블로그 성능 개선하기 · 3편
블로그를 고친 뒤 첫 화면을 다시 재봤다
블로그 마이그레이션 뒤 5.6초까지 늘어난 수식 글의 LCP. 일반 웹 글꼴을 코드에서 제거해 LCP를 2.4초로 줄이고, 수식 전용 글꼴은 쓰는 글리프만 남겨 334KiB에서 26KiB로 줄이기
◆ 블로그 성능 개선하기 · 2편블로그의 마크다운 파이프라인을 Rust/WASM으로 옮기기
블로그의 remark/rehype 체인을 Rust로 옮기고 WASM으로 빌드해 Next.js 서버에서 호출하기. 파싱, HAST 생성, Oniguruma 하이라이트, MathML 수식, 이미지 크기와 MDX 속성 처리를 한 번의 호출로 끝내는 구조. 메모리 전달과 해제, 기존 글과의 호환, WASI 바이너리 배포를 구성하며 얻은 것과 감수한 비용
- ◆ 블로그 성능 개선하기 · 1편
Tailwind를 StyleX로 옮기며 다시 따져본 성능
블로그의 Tailwind 4를 StyleX로 옮기기. 유틸리티만 옮겼을 때 CSS 크기와 FCP는 줄었지만 전체 전송량은 늘어난 중간 단계와, 전환 범위를 넓히자 59% 느려진 홈 FCP. 작성 방식을 고친 뒤에도 남은 격차를 줄인 방법은 KaTeX 조건부 로딩과 본문 CSS 분리
typescript@7을 설치하면 벌어지는 일들: 블로그 모노레포 마이그레이션 기록
pnpm lint가 12분 32초 걸리던 모노레포에 typescript 7.0.2 넣어보기. 타입체크는 통과했지만 next build가 깨지고 lint가 크래시해서 하루 동안 eslint와 prettier를 oxlint와 oxfmt로 바꾼 결과, 타입 인식을 켜도 1.9초에 끝나는 lint와 그대로인 빌드 시간
블로그 정상영업합니다
2~3년 만에 돌아왔습니다
https://research.yceffort.kr/ 를 오픈했습니다
게을러터져서 이제 만든
블로그 app dir 업그레이드 후기
😬
[블로그] PWA 임시 중지
내 돈
Nextjs 11 릴리즈 노트 살펴보고 블로그에 적용하기
nextjs 정말 열일하네2222
디렉토리에 있는 모든 이미지 최적화 하기
PNG는 좀 느립니다
서버리스로 블로그 포스트 썸네일 생성하기
어차피 나만 볼거임 ㅋㅅㅋ
PWA 적용 후기 및 장단점
노력은 나만 하고 즐기는것도 나만 즐긴다
블로그 gatsby에서 nextjs로 옮긴 이야기
어영부영했지만 보람은 있었다
블로그 개편했습니다. 😎
주말에 집구석에 혼자 오래있을 일이 있어서, 생각난 김에 블로그를 개편했습니다. 이 전에는 hexo 기반으로 만들어진 블로그를 작업했는데, hexo 생태계가 관리가 잘 안되고 있는 건지 플러그인이나 기능들이 제대로 동작을 안하더군요. wordpress -> ??? -> github pages -> hexo -> gatsby 까지 벌써 개편만 한 다섯번 쯤...