Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그

최신 피드를 AI 요약으로 빠르게 확인하세요

IT 기업 기술 블로그 모음

FE News 26년 6월 소식을 전해드립니다.
NAVER D2 faviconNAVER D2
·Frontend·
TypeScript, JavaScript, Claude Code, GitHub Copilot, CodePen

NAVER D2의 FE News 2026년 6월 소식은 AI 개발자 설문 결과와 최신 웹 UI 기능 요약을 제공합니다. 주요 포스트로 TypeScript의 JavaScript 사용률 역전 및 AI가 작성하는 코드 비중이 평균 54%에 이른다는 수치, Claude Code의 유료 전환 및 코딩 에이전트 사용 현황이 제시됩니다. 또 What's new in Web UI 세션에서 네이티브 기능 소개와 함께 TanStack 공급망 공격의 사후 분석, tegaki 라이브러리, Clawd on Desk 소식이 다뤄집니다.

2026년 06월 04일·1
DOM Reflow 100번을 1번으로 줄였더니 60fps가 돌아왔다 섬네일
DOM Reflow 100번을 1번으로 줄였더니 60fps가 돌아왔다
미리디 favicon미리디
·Frontend·
React, JavaScript

미리디는 캔버스 에디터에서 대규모 DOM 노드 업데이트로 인한 프레임 드롭을 해결하기 위해 React를 우회하는 렌더링 파이프라인과 4-Phase 배칭을 도입했습니다. 렌더링 파이프라인은 PRE-READ-WRITE-POST의 4단계로 구성했고, 각 뷰의 read에서 레이아웃 정보를 얻은 뒤 write에서만 DOM을 업데이트하도록 배치했습니다. 그 결과 100개 요소를 드래그하던 사례에서 레이아웃 횟수가 100회에서 1회로 대폭 감소하고 프레임이 15~25fps에서 60fps까지 올라 실질적 드래그 체감이 크게 개선되었습니다.

2026년 06월 04일·0
비개발자가 한 달 동안 풀스택으로 개발하면서 배운 것
NAVER D2 faviconNAVER D2
·AI/ML·
Artificial Intelligence, Prompting

NAVER D2가 주최한 NAVER Engineering Day 2026의 세션에서 비개발자가 한 달 만에 프로덕션 백엔드(v2)와 프런트엔드를 완성한 경험을 공유합니다. 핵심 내용은 AI와의 적극적 협업으로 필요한 도구를 AI에 연결하는 방법(MCP)과 구체적인 프롬프트, 문서화, 환경 설계의 중요성에 있습니다. 또한 병렬 실험과 패키지화된 반복 작업, 폐쇄형 루프 자동화(pairloop) 같은 기법으로 실무 적용성을 높이는 전략을 제시합니다.

2026년 06월 04일·2
당근 200+개 DB 를 옮기는 ELT 플랫폼, DT Platform 을 만든 이야기 섬네일
당근 200+개 DB 를 옮기는 ELT 플랫폼, DT Platform 을 만든 이야기
당근 favicon당근
·Data·
MySQL, Apache Spark, BigQuery, Apache Airflow, PostgreSQL

당근이 200개가 넘는 서비스 DB를 BigQuery로 옮기기 위한 ELT 플랫폼 DT Platform의 도입과 구현 이야기를 다룹니다. UI로 파이프라인을 선언하고 실행을 분리한 JSON DSL로 Airflow와 Spark를 연결해 자동화했고, 리뷰 병목과 운영 난이도를 효과적으로 줄었습니다. 그 결과 신규/변경 파이프라인 리드타임이 크게 감소하고 마이그레이션 자동화로 203개 파이프라인을 2주 만에 프로덕션에 올렸습니다.

2026년 06월 04일·0
메인 리부트 개발기 (중): 사용자마다 다른 화면을 빠르게 섬네일
메인 리부트 개발기 (중): 사용자마다 다른 화면을 빠르게
잡코리아 favicon잡코리아
·Architecture·
Strategy, Pipeline, Orchestrator, Template Method, Decorator

잡코리아의 메인 리부트 개발기(중)는 WORXPHERE 전략 패턴, 오케스트레이터, 데코레이터로 사용자별 화면 구성을 런타임에서 운영하는 사례를 다룬다. 분기는 전략 객체로 전환하고 Template Method로 공통 흐름을 추출했으며, 큐레이션은 Orchestrator로 흐름을 조율하고 Decorator로 사용자 보강을 일관되게 적용했습니다. 또한 7단계의 추천 파이프라인과 Fallback으로 빈 화면 방지를 구현하는 실무 인사이트를 제공합니다.

2026년 06월 04일·0
AWS Unified Operations: 주요 핵심 워크로드를 위한 복원력 있는 운영 구축 섬네일
AWS Unified Operations: 주요 핵심 워크로드를 위한 복원력 있는 운영 구축
AWS faviconAWS
·Cloud·
AWS Lambda, CloudWatch, EventBridge, AWS Global Accelerator, GuardDuty

AWS Unified Operations는 주요 핵심 워크로드의 복원력을 강화하기 위한 시프트-레프트 운영 패러다임과 AI 기반 인사이트를 통합한 기술/운영 설계를 다룹니다. 전담 TAM/DSE/FinOps 등 도메인 전문가의 사전 가이던스, 실시간 인시던트 대응, 자동화된 컨텍스트 강화가 문제를 사전에 식별하고 빠르게 해결하는 핵심 방법입니다. 사례와 함께 인시던트 접수 시간(MTTI)과 해결 시간(MTTR)의 대폭 단축, 보안 가이드 및 운용 비용의 최적화를 통해 비즈니스 다운타임을 크게 낮춥니다.

2026년 06월 04일·0
AWS Unified Operations: 주요 핵심 워크로드를 위한 복원력 있는 운영 구축 섬네일
AWS Unified Operations: 주요 핵심 워크로드를 위한 복원력 있는 운영 구축
AWS faviconAWS
·Cloud·
Amazon CloudWatch, AWS Lambda, Amazon EventBridge, Amazon GuardDuty, AWS Global Accelerator

AWS Unified Operations는 주요 핵심 워크로드의 가용성 확보와 다운타임 방지를 위해 시프트-레프트 기반의 AI 지원 운영 체계를 제공합니다. 전담 TAM/DSE/FinOps 등 도메인 전문가와 AI 인사이트, 예측 알림, 런북 기반의 선제적 인시던트 관리가 핵심으로 작용합니다. 사례로 Ally Financial, WHOOP, Prime Video 등에서 MTTR과 MTTI 개선 사례를 제시하며, 보안 및 비용 최적화도 함께 지원합니다.

2026년 06월 04일·0
최대 120만원 아낄 수 있는 이사 단계별 체크리스트 섬네일
최대 120만원 아낄 수 있는 이사 단계별 체크리스트
삼쩜삼 뉴스룸 favicon삼쩜삼 뉴스룸
·Else·
Strategy, Innovation, Growth, Experience, Personal Growth

삼쩜삼 뉴스룸은 이사 일정과 비용 절감을 동시에 고려하는 독자들을 위해, 최대 120만원까지 절감할 수 있는 단계별 체크리스트를 제시합니다. 본문은 D-30, D-10, D-3 등 타임라인별 권장 작업과 가전 설치, 제휴사 선택 요령, 예산 배분의 핵심 포인트를 구체적으로 다루고 있습니다. 또한 이사 당일 일정 관리와 불필요한 추가 비용을 방지하는 실전 팁과 실행 가능한 체크리스트를 제공하여 독자가 바로 적용할 수 있게 구성했습니다.

2026년 06월 04일·1
르세라핌이 안드로이드와 제미나이로 일상 속에서 영감을 얻는 방법 섬네일
르세라핌이 안드로이드와 제미나이로 일상 속에서 영감을 얻는 방법
구글코리아 favicon구글코리아
·Else·
Innovation, Event

구글코리아가 안드로이드 플랫폼과 제미나이를 활용해 일상 속에서 영감을 얻는 방법을 제시합니다. 더 구체적인 적용 포인트와 실무 시사점을 제시하며, 개발자 관점에서의 실용적 가치에 대한 경험을 공유합니다.

2026년 06월 04일·0
Bringing Gemma 4 12B to your Laptop: Unlocking Local, Agentic Workflows with Google AI Edge 섬네일
Bringing Gemma 4 12B to your Laptop: Unlocking Local, Agentic Workflows with Google AI Edge
구글 favicon구글
·AI/ML·
Python

구글 딥마인드의 Gemma 4 12B 모델이 16GB RAM 노트북에서 에이전트형 멀티모달 AI를 로컬로 구동합니다. macOS용 Google AI Edge Gallery를 통해 동적 파이썬 코드 실행과 시각화를, Google AI Edge Eloquent를 통해 완전히 오프라인 음성 인식과 텍스트 편집을 지원합니다. 또한 LiteRT-LM CLI의 신규 serve 명령은 완전 로컬 AI 도구와 에이전트를 구동하는 산업 표준 엔드포인트를 제공합니다.

2026년 06월 03일·0
...