개발하며 배운 것과 해결한 문제를 기록합니다.총 153편
RSS 구독JS 없이 스크롤 스냅 컨테이너에 이전·다음 버튼과 인디케이터 점을 붙이는 방법을 정리합니다. ::scroll-button()과 ::scroll-marker 의사 요소를 살펴봅니다.
createProviderRegistry로 여러 LLM 제공자를 한곳에 등록해 두고, 문자열 ID 하나만 바꿔 모델을 교체하는 법을 정리합니다.
expo-linking과 Expo Router로 딥링크 스킴을 설정하고 링크로 앱의 특정 화면을 여는 흐름을 정리합니다.
content-visibility: auto로 화면 밖 요소의 렌더링을 미뤄서 긴 목록 페이지의 초기 렌더 시간을 줄이는 방법을 정리합니다.
Vercel AI SDK의 experimental_generateSpeech로 텍스트를 음성 파일로 변환해 재생하는 과정을 정리합니다.
expo-splash-screen으로 폰트·에셋이 준비될 때까지 스플래시를 유지해서 앱 시작 시 흰 화면 깜빡임을 없애는 법을 정리합니다.
Sass 없이도 브라우저가 지원하는 네이티브 CSS 중첩으로 선택자를 깔끔하게 정리하는 법을 정리합니다.
Vercel AI SDK의 experimental_transcribe로 업로드된 오디오 파일을 텍스트로 변환하는 과정을 정리합니다.
Expo Router의 Stack.Protected로 인증 안 된 사용자를 로그인 화면으로 보내는 선언적 라우트 가드를 구현합니다.
scrollbar-gutter: stable로 스크롤바가 생기고 사라질 때 콘텐츠가 좌우로 밀리는 레이아웃 시프트를 없애는 방법을 정리합니다.
6 / 16 페이지