본문 바로가기

전체 글307

Next.js 16.3 정식 릴리즈 — dev 메모리 90% 감소, TypeScript 7 타입체크, Instant Navigations [🍱 릴리즈][핵심 요약] ① Next.js 16.3이 8월 3일 정식 릴리즈됐다. 16.0 이후 가장 큰 업데이트이며, next dev의 메모리 사용량이 최대 90% 줄었다. ② 코드 한 줄 안 고쳐도 얻는 이득이 많다. 빌드 디스크 캐시 기본 활성화, SSR 처리량 22% 향상, TypeScript 7로 타입체크 전환 가능. ③ 옵트인(opt-in, 설정으로 켜야 적용되는) 기능 묶음인 Instant Navigations도 함께 왔다. 다음 메이저에서 기본값이 될 예정이라 지금 미리 봐두면 좋다.무슨 일이 일어났나Next.js 팀이 8월 3일(현지시각) 공식 블로그에 16.3 릴리즈를 발표했다. 지난해 11월 16.0 이후 첫 대형 피처 업데이트다.가장 눈에 띄는 건 메모리다. Turbopack(W.. 2026. 8. 12.
탭 간 로그아웃 동기화를 localStorage로 하고 있다면 — BroadcastChannel이 원래 그 일 하는 API다 [🌙 아티클][핵심 요약] ① 한 탭에서 로그아웃하면 다른 탭도 같이 풀리게 만들 때, 보통 localStorage에 값을 썼다 지우고 storage 이벤트를 듣는 트릭을 쓴다. ② 8월 9일 dev.to에 올라온 글이 이걸 정면으로 짚었다. 그 패턴은 "저장용 API 위에 억지로 올린 메시징 사이드채널"이고, 그 일을 하라고 만들어진 표준이 따로 있다는 것. BroadcastChannel API다. ③ Safari 15.4(2022년 3월)부터 지원되면서 지금은 Baseline(주요 브라우저에 널리 자리 잡은 상태) 기능이 됐다. 갈아탈 시점이라는 뜻이다.무슨 일이 일어났나Parsa Jiravand가 dev.to에 올린 글 제목은 직설적이다. "탭 동기화에 localStorage 해킹 쓰지 마라, B.. 2026. 8. 12.
Next.js 첫 월간 보안 릴리즈 — 15.5.21·16.2.11, HIGH 4건 지금 패치해야 하는 이유 [🍱 릴리즈][핵심 요약] ① Next.js가 예고했던 '월간 보안 릴리즈'의 첫 회차가 나왔다. 15.5.21(Maintenance LTS)과 16.2.11(Active LTS)에서 HIGH 4건, MEDIUM 5건의 취약점을 수정했다. ② HIGH에는 Server Actions DoS, Turbopack 미들웨어 우회, SSRF 2건이 포함된다. App Router를 쓰고 있다면 대부분 해당된다. ③ 이제 보안 패치가 매달 예고 후 발행된다. 업그레이드를 팀의 월간 루틴에 넣을 타이밍이다.무슨 일이 일어났나Next.js 공식 블로그에 따르면, 7월 20일 "July 2026 Security Release"가 발표됐다. 지난주 예고한 사전 예고형(preannounced, 패치 일정을 미리 공지하는 방.. 2026. 7. 24.
브라우저 안에 LLM이 산다 — Gemini Nano로 개발하며 배운 5가지 함정 [🌙 아티클][핵심 요약] ① Chrome에는 이제 Gemini Nano라는 진짜 LLM이 내장돼 있고, LanguageModel(Prompt API)·Summarizer·Rewriter·Proofreader 같은 JS API로 바로 호출할 수 있다. API 키도, 네트워크 호출도, 토큰 과금도 없다. ② 7월 17일 dev.to에 올라온 글에서, 이 API들로 Chrome 확장을 직접 만든 개발자가 "온디바이스는 서버 API 시절의 가정을 거의 다 무너뜨린다"며 함정 5가지를 정리했다. ③ 핵심은 이것. 가용성은 boolean이 아니라 상태 머신이고, 작은 모델의 지시 이행은 '근사치'이며, CI에는 모델이 없다.무슨 일이 일어났나개발자 Mohan이 온디바이스 AI만으로 동작하는 글쓰기 확장(Quil.. 2026. 7. 19.
Vue 3.6 RC 진입 — Virtual DOM 없이 도는 Vapor Mode, 기능 완성됐다 [🍱 릴리즈][핵심 요약] ① Vue 3.6이 7월 18일 RC(Release Candidate, 정식 출시 전 마지막 검증 단계)에 진입했다. 간판 기능인 Vapor Mode의 기능 세트가 완성됐다는 뜻이다. ② Vapor Mode는 Virtual DOM(실제 DOM의 사본을 메모리에 두고 비교·갱신하는 방식)을 아예 거치지 않는 새 컴파일 모드다. 서드파티 벤치마크에서 Solid·Svelte 5와 같은 급의 성능을 냈다. ③ 반응성 엔진도 alien-signals 기반으로 리팩터링돼 성능과 메모리 사용량이 개선됐다.무슨 일이 일어났나GitHub 릴리즈 노트에 따르면, vuejs/core에 v3.6.0-rc.1이 올라왔다. Vue 팀은 "Vapor Mode에 의도한 기능 세트를 모두 완성해 RC 단계.. 2026. 7. 19.
LG 모니터 꽂았더니 광고 앱이 깔렸다 — Windows Update '무동의 설치' 통로 논란 [🌅 아침 뉴스][핵심 요약] ① LG 모니터를 Windows PC에 연결하면 아무 동의창 없이 "LG Monitor App Installer"가 Windows Update를 통해 자동 설치된다는 사실이 Gamers Nexus의 실측으로 확인됐다. ② 설치된 앱은 부팅 시 자동 실행되며, 32회 부팅 테스트 중 31회 McAfee 30일 무료 체험 광고 팝업을 띄웠다. 권한은 "모든 시스템 리소스 접근". ③ 통로는 Windows의 '디바이스 메타데이터 연동 앱 자동 다운로드' 기능이다. 그룹 정책 하나로 차단할 수 있고, Dell(Alienware)도 같은 통로를 쓴다.무슨 일이 일어났나VideoCardz 보도에 따르면, 하드웨어 리뷰 매체 Gamers Nexus가 LG 모니터를 새 Windows 시.. 2026. 7. 19.
브라우저 비디오 렌더러 프레임 타임 80% 절감기 — 핵심은 '내용'과 '변형'의 분리 [🌙 아티클][핵심 요약] ① 브라우저에서 1초에 1프레임씩 겨우 그리던 비디오 렌더러를 프레임당 90~165ms까지 끌어내린 실전 최적화 기록이 7월 15일 dev.to에 올라왔다. ② 네 가지 병목을 찾아냈는데, 가장 큰 건 opacity 페이드 하나 때문에 매 프레임 DOM 캡처(16~300ms)를 다시 하던 캐시 설계였다. ③ 해법의 핵심은 한 문장이다. "내용(content)과 변형(transform)은 다른 것이다." 비싼 래스터화는 캐시하고, 싼 transform·alpha는 그릴 때 다시 적용하면 된다.무슨 일이 일어났나iLoveVideoEditor 팀이 dev.to에 올린 글에 따르면, 1920×1080 해상도 30초짜리 홍보 영상(1,050프레임) 렌더링이 브라우저에서 초당 1프레임 .. 2026. 7. 18.
Suspense로 감쌌는데 fallback이 안 뜬다? — React 공식 문서가 정리한 '발동 조건' [🌙 아티클][핵심 요약] ① React 공식 문서의 레퍼런스에 "What activates a Suspense boundary(무엇이 Suspense 경계를 발동시키는가)" 섹션이 새로 추가됐다. 그동안 커뮤니티 상식으로만 떠돌던 발동 조건이 처음으로 공식 정리된 것. ② 결론부터: lazy(), use(), precedence 스타일시트, 스트리밍 SSR 네 가지(+카나리의 폰트·이미지)만 fallback을 띄운다. useEffect 안에서 fetch하는 코드는 Suspense로 아무리 감싸도 발동하지 않는다. ③ 덤으로 재밌는 사실 하나 — React는 서스펜드된 콘텐츠를 최대 300ms에 한 번만 화면에 공개한다.무슨 일이 일어났나This Week In React #290(7월 15일자)에 따.. 2026. 7. 17.

티스토리툴바