네이버

RSS

게시글: 745
등록: 2026년부터

All Frontend Backend AI DevOps Architecture Etc

Frontend
FE News 26년 4월 소식을 전해드립니다!
2026년 4월 프론트엔드 기술 소식을 전하는 글입니다. JavaScript의 시간 관련 API를 개선할 Temporal이 ES2026에 포함될 예정이며, TypeScript 6.0은 Go로 재작성된 새 컴파일러를 기반으로 출시됩니다. Node.js는 연간 주요 버전 출시로 전환하며, Expo SDK 55에서는 React Native 앱을 위한 Jetpack Compose 지원이 베타로 승격되었습니다. 또한, Andrej Karpathy의 AI 코딩 에이전트 및 연구에 대한 논의도 다룹니다.
TemporalJavaScriptTypeScript
네이버·2026년 4월 1일
Frontend
FE News 26년 3월 소식을 전해드립니다!
2026년 3월 프론트엔드 기술 소식을 전하는 글입니다. React 생태계 발전을 위한 React Foundation 설립, CSS Day 2025 컨퍼런스 발표 영상 소개, Anthropic의 Claude Code 성장 과정 및 코딩의 미래에 대한 고찰, Anders Hejlsberg의 C# 및 TypeScript 개발 비화와 AI 시대 프로그래밍 언어 전망, 그리고 Cloudflare 엔지니어가 AI와 Vite를 활용하여 일주일 만에 Next.js를 재구축한 프로젝트 Vinext의 성과를 다룹니다. 특히 Vinext는 빌드 속도 4.4배 향상 및 번들 크기 57% 감소라는 인상적인 결과를 보여주며, Next.js의 성능 개선 가능성을 제시합니다.
ReactCSSTypeScript
네이버·2026년 3월 5일
Frontend
FE News 26년 2월 소식을 전해드립니다!
2026년 2월의 프론트엔드 관련 주요 소식을 다루는 글입니다. 첫 번째 소식은 2000년대 초반 한국에서 '웹 퍼블리셔'라는 용어가 탄생하게 된 배경을 설명합니다. 당시 코더 직책의 전문성 부족 문제를 해결하고 웹 표준 및 접근성의 중요성을 강조하기 위해 이 용어가 제안되었으며, 이는 국내 웹 업계의 직무 전문화 과정을 보여줍니다. 두 번째는 Vercel Labs에서 공개한 React 및 Next.js 최적화를 위한 'react-best-practices' 저장소 소개입니다. 이 가이드는 워터폴 제거, 번들 크기 감소 등 다양한 최적화 규칙을 제공합니다. 또한, Type Safe한 합성 컴포넌트 작성을 위한 Compound Factory Pattern과 jQuery 4.0.0의 주요 변경 사항(IE 10 이하 지원 제거, Trusted Types 및 CSP 지원 추가, ES 모듈 마이그레이션 등)에 대한 내용도 포함하고 있습니다.
웹 퍼블리셔ReactNext.js
네이버·2026년 2월 4일
Frontend
FE News 25년 12월 소식을 전해드립니다!
2025년 12월 프런트엔드 기술 동향을 다루는 글입니다. WebAssembly가 웹 어셈블리라는 이름과 달리 웹 전용 기술이 아니며, JVM이나 .NET 바이트코드와 유사한 가상 머신 기반의 바이트코드임을 설명합니다. LLM 시대에 React가 사실상 플랫폼이 되어가고 있으며, Vercel은 Server Actions 등을 통해 분산 시스템 복잡성을 언어 레벨에서 관리하려는 비전을 제시합니다. 또한, Shadow DOM, ES 모듈 등 브라우저 네이티브 기능이 프레임워크의 핵심 기능을 대체하며 프레임워크의 역할이 변화하고 있음을 강조합니다. 마지막으로 Andrej Karpathy가 개발한 집단 지성 AI 의사결정 시스템인 LLM Council을 소개합니다.
WebAssemblyReactLLM
네이버·2026년 2월 4일
Frontend
네이버 통합검색 AIB 도입과 웹 성능 변화 분석
네이버 통합검색에 도입된 AIB(AI Briefing) 기능이 웹 성능, 특히 LCP(Largest Contentful Paint) 지표에 미치는 영향을 분석합니다. AIB는 검색 결과에서 AI 기반 요약 및 브리핑 경험을 제공하며, 점차 트래픽에서 차지하는 비중이 증가하고 LCP 후보 영역으로 자주 선택되고 있습니다. AIB 도입 이후 LCP p95 지표가 악화되었으며, Good 구간 사용자 비율이 감소하고 느린 구간 사용자 비율이 증가하는 등 LCP 분포의 tail 영역에 영향을 주고 있습니다. 글에서는 AIB의 UI 특성, 특히 채팅 UI에서 어절 단위 점진적 텍스트 표시와 적극적인 애니메이션 사용이 성능 지표에 미치는 영향을 분석하고, 성능 개선 방향을 제안합니다.
AIB네이버 통합검색웹 성능
네이버·2026년 1월 19일
Frontend
FE News 26년 1월 소식을 전해드립니다!
2026년 1월 프론트엔드 기술 소식을 다루는 글입니다. React Server Components(RSC)의 프로토콜을 시각화하는 'RSC Explorer' 도구와 클라이언트 사이드 AI의 새로운 흐름을 조명하는 'Web AI Summit 2025' 행사를 소개합니다. 특히 브라우저에서 ML 모델을 실행하는 Transformers.js, 웹 저자가 사이트 기능을 에이전트 도구로 정의하는 webMCP, WebGPU/WebNN을 활용한 클라이언트 AI 구축 방법 등 온디바이스 추론과 에이전트 UX에 대한 논의가 주목받고 있습니다. 또한, Jeff Dean의 AI 트렌드 강연과 DeepMind의 여정을 담은 다큐멘터리 'The Thinking Game'을 통해 AI 연구 및 제품 개발의 시스템적 관점과 UX 변화에 대한 통찰을 얻을 수 있습니다.
React Server ComponentsRSC ExplorerWeb AI Summit
네이버·2026년 1월 14일
Frontend
디자인시스템이 AI를 만났을 때: FE 개발 패러다임의 변화
이 글은 네이버파이낸셜의 디자인 시스템과 AI를 활용한 마크업 자동화 경험을 공유하는 NAVER ENGINEERING DAY 2025 발표 내용을 담고 있습니다. 디자인 시스템의 구성 요소인 디자인 토큰과 컴포넌트를 소개하고, AI를 통해 마크업 작업을 자동화하는 과정에서 겪었던 경험과 어려움, 그리고 현실적인 개발 적용 방안에 대해 논의합니다. 특히, 디자인 시스템 코드 연결 및 지침 활용, 마크업 개발 후의 피드백 등을 다루며 FE 개발 패러다임의 변화 가능성을 시사합니다. AI를 활용한 디자인 작업 자동화에 관심 있는 개발자들에게 유용한 정보를 제공합니다.
디자인 시스템AI마크업 자동화
네이버·2025년 12월 9일
Frontend
글로벌웹툰 안드로이드 Large Screen 적용기
이 글은 네이버 웹툰의 안드로이드 앱이 Large Screen 기기에 최적화된 경험을 공유하는 기술 블로그입니다. Large Screen 대응의 필요성과 품질 가이드라인을 소개하며, View와 Jetpack Compose 환경에서 적용된 최적화 사례를 다룹니다. 특히, 다양한 화면 크기를 가진 기기에서 사용자 경험을 향상시키기 위한 구체적인 방법론과 기술적 접근 방식을 제시합니다. 이 글은 Large Screen 기기에서 안드로이드 앱 개발 및 최적화에 관심 있는 개발자들에게 유용한 정보를 제공합니다.
AndroidLarge ScreenView
네이버·2025년 11월 12일
Frontend
FE News 25년 11월 소식을 전해드립니다!
2025년 11월 FE 소식에서는 React의 대규모 업데이트와 새로운 아키텍처 접근법을 다룹니다. React 19.2와 React Compiler 1.0 출시로 자동 최적화 및 성능 향상이 기대되며, React Foundation 설립으로 커뮤니티 중심 거버넌스로 전환합니다. 또한, LLM 백도어 취약점 발견, JavaScript 암호화 신뢰성 개선을 위한 WAICT 표준 개발, Vite+를 통한 JavaScript 개발 도구 체인 통합, 그리고 Front-end Maximalism이라는 새로운 아키텍처 접근법이 소개되었습니다. 이 소식들은 프론트엔드 개발의 현재와 미래를 조망하며 기술 동향을 파악하는 데 도움을 줍니다.
ReactReact CompilerJavaScript
네이버·2025년 11월 6일
Frontend
FE News 25년 10월 소식을 전해드립니다!
2025년 10월 프런트엔드 기술 소식을 전하는 글입니다. React 생태계의 혁신 정체 논란과 채용 시장에서의 영향, CSS-in-JS 라이브러리 styled-components의 메인터넌스 모드 전환 및 성능 개선 포크 프로젝트 등장 소식을 다룹니다. Apple의 Safari에서 Liquid Glass 효과를 위한 비공개 CSS 속성 활용 사례와 함께, AI 코딩 도구가 주니어보다 시니어 개발자에게 더 큰 도움을 주는 현상에 대한 분석도 포함합니다. 마지막으로 GitHub Copilot CLI의 공개 프리뷰 출시 소식을 전하며, 개발자들이 터미널에서 AI의 도움을 받아 작업을 수행할 수 있게 되었음을 알립니다.
Reactstyled-componentsCSS
네이버·2025년 10월 1일
Frontend
FE News 25년 9월 소식을 전해드립니다!
2025년 9월 FE News에서는 프론트엔드 개발 트렌드와 AI 기술의 접목에 대한 다양한 소식을 다룹니다. Kent Beck은 코드 품질과 복잡성을 중시하는 Augmented Coding의 중요성을 강조하며, Anthropic의 Claude 4 모델과 API 활용 사례가 소개되었습니다. 또한, VS Code Copilot Chat의 보안 문제와 개선 방안, AI 도구 활용이 개발 속도와 만족도에 미치는 영향에 대한 분석이 포함됩니다. CSS의 최신 현황과 개발자들의 요구사항, AI 코딩 에이전트와 코드 에디터 간의 표준 프로토콜인 ACP, GitHub 저장소 이해를 돕는 DeepWiki 등 AI 기반 개발 도구와 관련 기술 동향을 상세히 다룹니다. 전반적으로 AI 기술이 개발 생산성과 코드 품질에 미치는 긍정적인 영향과 함께, 개발자의 인지 부하 관리의 중요성도 강조합니다.
Augmented CodingVibe CodingClaude 4
네이버·2025년 9월 4일
Frontend
FE News 25년 8월
25년 8월 프런트엔드 개발자를 위한 뉴스레터로, 최신 기술 트렌드와 유용한 정보들을 소개합니다. JSNation 2025, Tech-Verse 2025 컨퍼런스 소식과 함께 AI 디자인 가이드, AI 시대의 개발 방법론에 대한 인사이트를 제공합니다. 또한, Claude 활용법, JavaScript Proxy를 이용한 상태 관리, SVG 소개 등 실용적인 튜토리얼과 n8n, Code Canvas App과 같은 개발 도구 정보를 다룹니다. AI 시대에 개발자의 역할 변화와 새로운 코딩 접근 방식에 대한 논의도 포함하고 있습니다.
JavaScriptAI컨퍼런스
네이버·2025년 8월 7일
Frontend
윈도잉(windowing) 기법을 적용한 고성능 표 컴포넌트 개발기
이 글은 네이버 사내 로그 시스템의 로그 뷰 성능 개선을 위해 '윈도잉(windowing) 기법'을 적용한 고성능 표 컴포넌트 개발 사례를 소개합니다. 윈도잉 기법은 데이터를 일정한 '창(window)' 단위로 나누어 처리하는 기술로, 데이터 스트리밍, 머신러닝, 컴퓨터 그래픽스 등 다양한 분야에서 활용됩니다. 특히 React 환경에서는 가상화(virtualization)와 유사하게 사용되어 대량의 데이터를 효율적으로 렌더링하는 데 기여합니다. 글에서는 윈도잉 기법의 개념과 다양한 활용 예시를 설명하고, 이를 기반으로 개발된 자체 컴포넌트 'Big Table'을 통해 실제 성능 개선 효과를 보여줍니다.
windowingReactperformance
네이버·2025년 7월 28일
Frontend
FE News 25년 7월 소식을 전해드립니다!
2025년 7월 프론트엔드 기술 소식을 다루는 글입니다. XState를 활용하여 useState 사용을 줄이는 방법, Search Params를 상태로 사용할 때 발생하는 문제점과 tanstack, nuqs 라이브러리의 시각, React 생태계와 커뮤니티 현황 분석, ECMAScript 2025의 주요 변경 사항(특히 Iterator 관련)에 대한 정보를 제공합니다. 또한, Astro에서 서버나 DB 없이 관련 포스트를 구현하는 튜토리얼, React의 세밀한 반응성 구현 방법, 마이크로소프트의 Model Context Protocol(MCP) 한국어 학습 자료를 소개합니다. 마지막으로 React 및 Next.js 앱의 i18n 관리를 돕는 i18n-check 도구와 빌드 시점에 다국어 지원을 가능하게 하는 Lingo.dev 컴파일러를 소개하며 프론트엔드 개발자를 위한 유용한 정보들을 전달합니다.
ReactXStateSearch Params
네이버·2025년 7월 4일
Frontend
Windowing 기법을 적용한 대용량 고성능 표 컴포넌트 개발기
본 글은 NAVER ENGINEERING DAY 2025에서 발표된 내용을 바탕으로, 웹 브라우저에서 대용량 데이터를 효율적으로 렌더링하기 위한 Windowing 기법과 이를 적용한 고성능 표 컴포넌트 'Big Table' 개발 경험을 공유합니다. Windowing 기법의 개념을 데이터 스트리밍, 머신러닝, 컴퓨터 그래픽스, 그리고 React에서의 Virtualization 기술과 연관 지어 설명하며, react-virtualized, react-window 등 관련 오픈소스 라이브러리를 소개합니다. 특히, 'Big Table' 컴포넌트 개발 과정에서 겪었던 어려움과 이를 해결하기 위해 적용한 Key 기반 Re-rendering 방지, 영역 데이터 범위 계산, Overscan, Bottom Threshold를 통한 미리 Fetch, 컬럼 가상화, 고정 헤더/컬럼 지원, 행 접기/펴기 등의 구체적인 Windowing 기법들을 상세히 다룹니다. 마지막으로 컴포넌트의 성능 측정 결과와 자체 개발을 통해 얻은 장점, 그리고 한계점 및 대안을 제시하며 글을 마무리합니다.
WindowingReactVirtualization
네이버·2025년 7월 4일
Frontend
14년 된 네이버 캘린더 앱, KMP & 컴포즈 멀티 플랫폼 모듈 적용기
14년 된 네이버 캘린더 앱에 코틀린 멀티플랫폼(KMP)과 컴포즈 멀티플랫폼(Compose-Multiplatform) 모듈을 적용한 경험을 공유하는 글입니다. NAVER ENGINEERING DAY 2025에서 발표된 내용을 기반으로 하며, KMP와 Compose-Multiplatform의 소개, 도입 배경, 모듈 연동 방법, 공통 플랫폼 설정, 그리고 Android 및 iOS 개발에서의 적용 사례를 다룹니다. 이 글은 멀티플랫폼 및 크로스 플랫폼 기술에 관심 있는 개발자들에게 실질적인 적용 경험과 팁을 제공하는 것을 목표로 합니다.
KMPCompose MultiplatformAndroid
네이버·2025년 6월 26일
Frontend
KMP 기반 UI 컴포넌트 통합 전략
네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY 2025에서 발표된 내용을 기반으로, 멀티플랫폼 대응 가능한 밴드 디자인 시스템의 설계 및 구현 전략을 소개합니다. 특히 KMP(Kotlin Multiplatform)를 활용하여 안드로이드 팀에서 아이콘 리소스를 자동화하고 관리하는 방안을 공유합니다. 발표는 디자인 시스템의 개념부터 실전 적용, KMP의 실무 적용 가능성, BDS 모듈에 KMP 적용, Maven을 통한 디자인 시스템 UI 컴포넌트 배포, 그리고 Figicon을 이용한 아이콘 자동 동기화까지 다룹니다. 안드로이드 개발자 및 멀티플랫폼, 디자인 시스템에 관심 있는 개발자에게 유용한 정보를 제공합니다.
디자인 시스템UI 컴포넌트KMP
네이버·2025년 6월 26일
Frontend
[State of FE·JS Korea 2025] 설문조사 결과를 공유합니다!
'State of FE·JS Korea 2025' 설문조사 결과를 공유하는 글입니다. 249명의 국내 FE/JS 개발자가 참여했으며, 주로 1-3년 및 4-6년 경력의 프론트엔드 개발자가 많았습니다. 설문 결과, TypeScript 사용 비중이 74.7%로 가장 높았고, 프레임워크 및 라이브러리 분야에서는 React가 94.38%로 압도적인 사용률을 보였습니다. 메타 프레임워크로는 Next.js가 73%로 뒤를 이었습니다. 상태 관리 라이브러리 중에서는 Zustand가 85.08%의 긍정적인 답변을 얻으며 가장 높은 선호도를 나타냈습니다. 이는 국내 프론트엔드 개발 생태계의 최신 동향과 기술 선호도를 파악하는 데 중요한 정보를 제공합니다.
State of FE·JS Korea 2025설문조사TypeScript
네이버·2025년 6월 10일
Frontend
FE News 25년 6월 소식을 전해드립니다!
2025년 6월 프론트엔드(FE) 기술 소식을 다루는 글입니다. JavaScript의 역사적 진화 과정부터 Google I/O 2025에서 발표된 웹 관련 주요 업데이트(CSS 캐러셀, Gemini 기반 AI, Chrome DevTools AI 어시스턴트 등)를 소개합니다. 또한 V8 엔진의 성능 및 자원 관리 기능 강화, Deno의 관심도 하락 추세 분석 등 흥미로운 정보들을 제공합니다. 튜토리얼 섹션에서는 AI 기반 UI 테스팅, 함수형 프로그래밍 기법, JavaScript 개발자를 위한 Go 가이드 등을 다룹니다. 코드 및 도구 분야에서는 Rust로 재구현되어 성능이 향상된 Rolldown-Vite 번들러, React 오디오 라이브러리 react-sounds, AI 코드 에디터 도우미 stagewise, 브라우저에서 Excel을 처리하는 excelize-wasm 등이 소개되었습니다.
JavaScriptGoogle I/O 2025V8 엔진
네이버·2025년 6월 4일
Frontend
FE News 25년 5월 소식을 전해드립니다!
2025년 5월 FE News에서는 프론트엔드 개발자를 위한 다양한 최신 기술 소식을 다룹니다. 특히 React Compiler RC 버전 출시 소식은 useMemo 없이도 성능 최적화를 자동으로 지원하는 혁신적인 변화를 예고합니다. 또한, JavaScript 개발자가 알아야 할 2025년 필수 기능들을 실제 사례와 함께 소개하며 실무 활용도를 높입니다. LLM을 중심으로 설계된 새로운 웹 프레임워크 사례는 LLM과의 상호작용을 고려한 코드 생성 및 이해의 중요성을 강조합니다. 이 외에도 값 기반 데이터 구조 도입을 목표로 했던 proposal-record-tuple 제안이 철회되고 Composite 제안이 주목받는 등 프론트엔드 생태계의 주요 변화들을 전달합니다.
React CompilerJavaScriptLLM
네이버·2025년 5월 8일

네이버

FE News 26년 4월 소식을 전해드립니다!

FE News 26년 3월 소식을 전해드립니다!

FE News 26년 2월 소식을 전해드립니다!

FE News 25년 12월 소식을 전해드립니다!

네이버 통합검색 AIB 도입과 웹 성능 변화 분석

FE News 26년 1월 소식을 전해드립니다!

디자인시스템이 AI를 만났을 때: FE 개발 패러다임의 변화

글로벌웹툰 안드로이드 Large Screen 적용기

FE News 25년 11월 소식을 전해드립니다!

FE News 25년 10월 소식을 전해드립니다!

FE News 25년 9월 소식을 전해드립니다!

FE News 25년 8월

윈도잉(windowing) 기법을 적용한 고성능 표 컴포넌트 개발기

FE News 25년 7월 소식을 전해드립니다!

Windowing 기법을 적용한 대용량 고성능 표 컴포넌트 개발기

14년 된 네이버 캘린더 앱, KMP & 컴포즈 멀티 플랫폼 모듈 적용기

KMP 기반 UI 컴포넌트 통합 전략

[State of FE·JS Korea 2025] 설문조사 결과를 공유합니다!

FE News 25년 6월 소식을 전해드립니다!

FE News 25년 5월 소식을 전해드립니다!