FE News 26년 6월 소식을 전해드립니다.
FE News 26년 6월 소식을 전해드립니다.
2026년 6월 FE 뉴스에서는 AI 개발 트렌드, 최신 웹 UI 기능, npm 공급망 보안 이슈를 함께 다뤘습니다. 또한 폰트 애니메이션 라이브러리와 AI 에이전트 상태 표시 도구도 소개했습니다.
#TypeScript#JavaScript
87005분
필터 1
서버 코드 자동 생성 툴 — Sherpa는 왜 완전 자동화를 선택하지 않았을까
서버 코드 자동 생성 툴 — Sherpa는 왜 완전 자동화를 선택하지 않았을까
Sherpa는 완전 자동화보다 검증 가능한 구조를 우선해 설계했습니다. HTML을 기준 진리로 삼고 단계별 파이프라인과 검증 뷰어로 신뢰성을 높였습니다.
#REST API#HTML
82005분
웹과 다른 세계: 이메일 템플릿 작업에서 겪은 시행착오
웹과 다른 세계: 이메일 템플릿 작업에서 겪은 시행착오
이메일 템플릿에서 웹식 반응형이 제대로 동작하지 않는 시행착오를 정리했습니다. table 레이아웃과 인라인 스타일로 클라이언트별 차이를 줄이는 방법을 소개했습니다.
#CSS#HTML
88005분
Shadow Dom : 중요한 건 깨지지 않는 스타일
여러 플랫폼의 이력서를 한 화면에서 안정적으로 보여주기 위해 Shadow DOM 적용 사례를 다뤘습니다. 스타일 충돌 방지, 스크립트 처리, FOUC 대응과 한계까지 정리했습니다.
#Shadow DOM#CSS
57005분
토스의 접근성 문서 A11y Fundamentals 을 소개합니다 (오픈 기념 이벤트 ~9/10)
토스가 실무에서 바로 적용할 수 있는 접근성 문서 A11y Fundamentals를 소개했습니다. 스크린리더 체험 이벤트와 함께 핵심 원칙과 실수하기 쉬운 패턴도 안내했습니다.
#접근성#스크린리더
158005분
Cursor AI로 K-팝 소개 사이트 만들기 (feat. 커서 AI 트렌드 ＆ 활용 백과)
Cursor AI로 K-팝 소개 웹페이지를 만들고 웹 서버에 올린 과정을 공유했습니다. 초보자도 빠르게 결과물을 만들 수 있지만, 도메인 지식과 수정 검토가 중요하다고 짚었습니다.
#Cursor#HTML
266005분
HTML 문서의 실시간 본문 추출기: 노이즈 적은 콘텐츠 수집의 비밀
HTML 문서에서 실시간으로 본문만 빠르게 추출하기 위한 PAAS의 로직을 소개했습니다. 트리 구조 feature와 entropy를 활용해 노이즈를 줄이면서 핵심 정보 유실을 막았습니다.
#HTML#LLM
29005분
토스 피플: 문과생에서 토스 개발 리더까지
문과 출신 개발자가 토스에서 프론트엔드와 UX 엔지니어링 리더로 성장한 과정을 들려주셨습니다. 디자인 시스템과 편집기 개발, 팀 빌딩과 리더십 고민도 함께 공유했습니다.
#UX/UX Engineer#JavaScript
48005분