PLINKFEED
검색구독
ALLAI-MLBACKENDFRONTENDDEVOPSSECURITYMOBILEDATABASECLOUDOTHER

© 2026 PLINKFEED — AI가 선별한 IT 기술 뉴스

구독소개개인정보처리방침이용약관

FRONTEND

프론트엔드 — AI가 선별한 아티클

7·frontend·사례연구·InfoQ·2026. 09. 28.

Linear Completes 1,000-PR Migration From styled-components to Meta's StyleX

Linear이 styled-components에서 Meta의 StyleX로의 마이그레이션을 완료했습니다.

Linear completed migration from styled-components to Meta's StyleX.

#react#styled-components#stylex#css-in-js
요약 보기원문 →
6·frontend·분석·GeekNews·2026. 09. 28.

이게 진짜 현대적인 웹사이트다

웹사이트 과잉 설계 문제를 비판하며 현대적 웹 개발에 대한 새로운 시각을 제시합니다.

Critiques the over-engineering in web development while offering a fresh perspective on modern web practices.

#html#json-ld#open-graph
요약 보기원문 →
5·frontend·기타·GeekNews·2026. 09. 26.

Show HN: Reladraw - 요소를 어디에 놓을지 직접 정하는 다이어그램 언어

Reladraw는 요소의 상대적 위치를 텍스트로 지정하는 다이어그램 언어이다.

Reladraw is a diagram language that specifies relative positions of elements via text.

#diagram#layout#text-based#relative positioning#user interface
요약 보기원문 →
6·frontend·사례연구·GitHub Blog·2026. 09. 25.

Improving site performance by shipping more CSS

더 많은 CSS를 배포하여 사이트 성능을 개선한 디자인 시스템의 사례.

A design system that improved site performance by shipping more CSS.

#css#performance#design-system#optimization#web
요약 보기원문 →
7·frontend·릴리즈·InfoQ·2026. 09. 25.

Vercel Labs Ships scriptc, a TypeScript-to-Native Compiler That Leaves the JavaScript Engine Behind

Vercel Labs가 TypeScript를 네이티브 실행 파일로 변환하는 scriptc 컴파일러를 발표했습니다.

Vercel Labs has released scriptc, a compiler that converts TypeScript to native executables without a JavaScript engine.

#typescript#wasm#native#compiler
요약 보기원문 →
8·frontend·기타·InfoQ·2026. 09. 24.

Presentation: Designing Fast, Delightful UX With LLMs for Mobile Frontends

LLM을 활용한 모바일 프론트엔드 UX 설계에 대한 발표 내용.

Presentation on designing mobile frontend UX using LLMs.

#llm#ai#mobile#ux#backend-for-frontend
요약 보기원문 →
7·frontend·릴리즈·InfoQ·2026. 09. 24.

Canvas UI Ships 35 HTML-in-Canvas Components That Run WebGL and WebGPU Effects Over Live DOM

Canvas UI가 35개의 HTML-in-Canvas 컴포넌트를 출시하여 GPU 효과를 실시간으로 구현합니다.

Canvas UI releases 35 HTML-in-Canvas components that render GPU effects on live content.

#html#gpu#canvas#webgl#webgpu
요약 보기원문 →
6·frontend·기타·GeekNews·2026. 09. 24.

VSCode의 SSH 에이전트는 제정신이 아니다 (2025)

VSCode의 SSH 원격 편집 기능은 원격 명령을 실행하는 새로운 에이전트를 사용한다.

VSCode's SSH remote editing uses a new agent to execute remote commands.

#vscode#ssh#websocket#bash#node
요약 보기원문 →
7·frontend·사례연구·GitHub Blog·2026. 09. 23.

Rendering huge pull requests in the GitHub Copilot app

GitHub Copilot 앱에서 대규모 풀 리퀘스트 렌더링을 개선한 방법을 설명합니다.

Explains how the GitHub Copilot app improved rendering large pull requests.

#github#copilot#pull-request#ui#user-experience
요약 보기원문 →
6·frontend·분석·Dev.to·2026. 09. 23.·▲ 40💬 4

Your Type Guard Can Silently Drift from Your TypeScript Type 🔧

타입스크립트 타입과 일치하지 않는 타입 가드의 문제점에 대해 설명합니다.

The article discusses potential issues with TypeScript type guards.

#typescript#typeguard#frontend#javascript#type
요약 보기원문 →
6·frontend·사례연구·Dev.to·2026. 09. 23.·▲ 27💬 8

I Turned DEV.to Into a Walkable 3D Library — Debugging It Has Been a Nightmare

DEV.to를 3D 라이브러리 형태로 재구성한 사례를 공유합니다.

The article shares a case of reimagining DEV.to as a 3D library.

#3d#devto#webgl#javascript#threejs
요약 보기원문 →
6·frontend·분석·Dev.to·2026. 09. 22.·▲ 20💬 3

The Grand Unifying Architecture of Frontend

프론트엔드 개발의 역사와 진화를 설명하는 기사를 제공합니다.

An article explaining the history and evolution of frontend development.

#frontend#javascript#react#vue#angular
요약 보기원문 →
6·frontend·튜토리얼·GeekNews·2026. 09. 22.

Show GN: FBO 파티클 데모 - Three.js로 구현한 GPU 파티클 데모

Three.js로 구현한 FBO 파티클 데모에 대한 설명.

Description of an FBO particle demo implemented with Three.js.

#three.js#react#gpu#fbo#webgl
요약 보기원문 →
6·frontend·기타·GeekNews·2026. 09. 22.

Show GN: Seoul3D - 서울 지하철 16개 노선을 3D 지도 위에서 실시간으로

서울 지하철 16개 노선을 3D 지도에서 실시간 확인할 수 있는 웹이 공개됐다.

A web was launched to view Seoul subway's 16 lines in real-time on a 3D map.

#3d#web#real-time#subway#mapping
요약 보기원문 →
6·frontend·튜토리얼·GeekNews·2026. 09. 22.

나만의 디자인 하네스 만들기

디자인 하네스를 통한 에이전트 행동 규칙 및 디자인 기준 정립 방법 소개.

Introducing design harness for establishing agent behavior rules and design standards.

#html#css#design#prototyping#canvas
요약 보기원문 →
7·frontend·기타·GeekNews·2026. 09. 22.

pdfcn - React 컴포넌트로 만드는 PDF 문서

React 컴포넌트를 활용한 PDF 문서 생성 오픈소스 프로젝트 소개.

Introducing an open-source project to create PDFs using React components.

#react#shadcn/ui
요약 보기원문 →
7·frontend·기타·InfoQ·2026. 09. 21.

Out-of-Order HTML Streaming Moves from JS Frameworks into the Browser

HTML 스트리밍이 JS 프레임워크에서 브라우저로 전이되고 있다.

HTML streaming is moving from JS frameworks to browsers.

#html#javascript#chrome#streaming#api
요약 보기원문 →
6·frontend·분석·Dev.to·2026. 09. 21.·▲ 29💬 10

React 19's useTransition Looked Simple. Then I Found a Second Bug Hiding Inside the First One

React 19의 useTransition에서 발견된 숨겨진 두번째 버그에 대한 논의.

Discussion on a hidden second bug found in React 19's useTransition.

#react#usetransition#hooks#bug#state
요약 보기원문 →
5·frontend·기타·GeekNews·2026. 09. 21.

jev-leftpad - Jev로 값 왼쪽에 패딩 추가

jev-leftpad는 Jev 모델을 사용하여 값의 왼쪽에 패딩을 추가하는 패키지입니다.

jev-leftpad is a package using the Jev model to add padding to the left of values.

#jev#javascript
요약 보기원문 →
6·frontend·사례연구·Dev.to·2026. 09. 21.·▲ 21💬 7

I Thought I Knew WordPress Theme Development Until My First Project

워드프레스 테마 개발에 대한 새로운 깨달음을 공유하는 글입니다.

An insight-sharing article about WordPress theme development experiences.

#wordpress#html#css#php#templates
요약 보기원문 →
8·frontend·튜토리얼·GeekNews·2026. 09. 21.

Three.js로 브라우저에서 LLM 실행하기

Three.js를 활용해 브라우저에서 LLM을 실행하는 방법을 소개합니다.

Introducing how to run LLMs in the browser using Three.js.

#three.js#gpu#gpt-2#smollm2#qwen#phi#huggingface#tsl
요약 보기원문 →
5·frontend·분석·Hacker News·2026. 09. 20.·▲ 102💬 16

How video games inspire great UX (2019)

비디오 게임이 훌륭한 UX에 미치는 영감을 다룬 기사.

The article explores how video games inspire great UX design.

#ux#game design#user experience#interaction design#engagement
요약 보기원문 →
5·frontend·기타·GeekNews·2026. 09. 20.

웹 브라우저의 미래에 대한 생각

Firefox AI 통합과 독립 기반 웹 브라우저 프로젝트에 대한 논의.

Discussion on Firefox AI integration and independent base browser project.

#firefox#ai#base browser#mozilla
요약 보기원문 →
7·frontend·기타·GeekNews·2026. 09. 20.

px0 - 브라우저에서 코드를 빠르게 탐색하고 검토하는 초경량 도구

브라우저에서 빠르게 코드를 탐색하고 검토하는 경량 도구 px0 소개.

Introducing px0, a lightweight tool for quickly navigating and reviewing code in the browser.

#codeviewer#lightweight#browser#codingagent
요약 보기원문 →
6·frontend·기타·Hacker News·2026. 09. 19.·▲ 190💬 34

Divide by depth for instant 3D

깊이에 따라 나누기로 즉각적인 3D 효과를 구현하는 방법에 대한 글입니다.

An article on implementing instant 3D effects using depth division.

#3d#graphics#perspective#webgl#rendering
요약 보기원문 →
7·frontend·릴리즈·InfoQ·2026. 09. 19.

SolidStart 2: Replaces Vinxi with a Vite 8 and Enters Maintenance as Its Role Winds Down

SolidStart 2.0이 출시되어 Vite 통합과 CSS 처리 향상이 이루어졌다.

SolidStart 2.0 released, enhancing Vite integration and CSS handling.

#solidjs#vite#tailwindcss
요약 보기원문 →
7·frontend·기타·GeekNews·2026. 09. 19.

Agent-Native - 하나의 액션을 UI/에이전트/API에서 함께 쓰는 앱 프레임워크

Agent-Native는 UI와 에이전트가 동일 기능을 공유하는 앱 프레임워크이다.

Agent-Native is a framework that allows UI and agents to share the same functions within a single app.

#mcp#http#api#cli#agent
요약 보기원문 →
7·frontend·릴리즈·InfoQ·2026. 09. 18.

htmx 4.0: a Fetch-Based Rewrite, Built-In Morphing Swaps, and Explicit Attribute Inheritance

htmx 4.0이 fetch() API로의 전환과 함께 새로운 기능들을 출시했습니다.

htmx 4.0 has been released with a transition to fetch() API and new features.

#htmx#fetch#dom#js
요약 보기원문 →
5·frontend·기타·Hacker News·2026. 09. 17.·▲ 239💬 107

One Year of Sponsored Servo Development

Servo 개발 1년 후기를 다룬 글입니다.

A reflection on one year of sponsored development for the Servo project.

#servo
요약 보기원문 →
6·frontend·릴리즈·InfoQ·2026. 09. 17.

TanStack Charts Introduced with a Framework Agnostic Grammar of Graphics for TypeScript

TanStack Charts는 TypeScript용 범용 시각화 라이브러리입니다.

TanStack Charts is a framework-agnostic visualization library for TypeScript.

#typescript#visualization#tanstack#charts
요약 보기원문 →