profile
Frontend developer, interested in Data.

OpenAPI 스펙으로 Type 자동화

Generate clients with appropriate type signaturesGenerate, validate, cache and mock in your frontend applications, based on your OpenAPI specification

2026년 4월 13일
·
0개의 댓글
·

[React] Acitivity 컴포넌트 적용

와 useLayoutEffect cleanup을 조합하면 intersection observer 없이도 비디오 pause를 깔끔하게 처리할 수 있다.외부 <div ref={ref}>는 <Activity> 밖에 위치하여 intersection observer

2026년 3월 29일
·
0개의 댓글
·
post-thumbnail

TanStack Virtual: 데스크탑에서만 발생하는 '흰 화면' (ScrollMargin & Lifecycle)

가상화 라이브러리는 대량의 데이터를 효율적으로 보여주지만, "보이는 영역만 그린다"는 대전제 때문에 뷰포트 계산이 1px이라도 어긋나면 사용자에게 '하얀 화면'을 보여주는 치명적인 단점이 있습니다.최근 프로젝트에서 TanStack Virtual(v3)을 사용하며 겪은

2026년 3월 10일
·
0개의 댓글
·

Docker에서 NextJS 환경변수

GitHub Actions의 front-deploy.yml에서 Docker 빌드 전에 pnpm turbo run build를 실행합니다 (라인 128~163)  2\. 이 빌드 시점에 .env.production 파일이 읽히면서 NEXTPUBLIC\* 변수가 빌드 타임

2026년 2월 10일
·
0개의 댓글
·
post-thumbnail

Github에서 취약점 자동 검사

.github/dependabot.yml설정 설명:directory: /frontend - frontend 디렉토리의 npm 의존성 모니터링target-branch: main - Dependabot PR이 main 브랜치를 대상으로 생성됨schedule: 매주 월요일마

2026년 2월 2일
·
0개의 댓글
·
post-thumbnail

NextJS 15 Dyanamic Routes

1. Next.js 15 부터 바뀐 방식 async/await params의 Type은 Promise이다. useParams 참고 https://nextjs.org/docs/app/guides/upgrading/version-15#params--searchparam

2025년 4월 23일
·
0개의 댓글
·
post-thumbnail

[Error해결] TailwindCSS v4 plugin 적용방법

NextJS 블로그를 만들다가 react-markdown에서는 tailwindcss-typography가 적용되어야 하는데 적용방법을 ChatGPT한테 물어봤다.수동으로 tailwind 설정파일을 만들라고 되어있었는데그래서 찾다가 NextJS(15.3.0) 에서 app

2025년 4월 17일
·
0개의 댓글
·
post-thumbnail

통계학과생이 추천하는 책

학부 시절 교수님께서 추천해주셨던 책들 중 몇 권을 소개해볼려고 한다.생각나는 책이 있으면 더 추가하도록 하겠습니다Lady Tasting Tea : How Statistics Revolutionized Science in the Twentieth Century통계학자들

2022년 4월 1일
·
0개의 댓글
·