FE News 26년 6월 소식을 전해드립니다.
2026년 6월 FE 뉴스에서는 AI 개발 트렌드, 최신 웹 UI 기능, npm 공급망 보안 이슈를 함께 다뤘습니다. 또한 폰트 애니메이션 라이브러리와 AI 에이전트 상태 표시 도구도 소개했습니다.
#TypeScript#JavaScript#CSS
8800
FE News 26년 6월 소식을 전해드립니다.
태그
HTML 기술 블로그 글
HTML 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 15개최신 15개 표시
관련 태그
최신 게시글
15개 표시
서버 코드 자동 생성 툴 — Sherpa는 왜 완전 자동화를 선택하지 않았을까
Sherpa는 완전 자동화보다 검증 가능한 구조를 우선해 설계했습니다. HTML을 기준 진리로 삼고 단계별 파이프라인과 검증 뷰어로 신뢰성을 높였습니다.
#REST API#HTML#LLM
8300
서버 코드 자동 생성 툴 — Sherpa는 왜 완전 자동화를 선택하지 않았을까
웹과 다른 세계: 이메일 템플릿 작업에서 겪은 시행착오
이메일 템플릿에서 웹식 반응형이 제대로 동작하지 않는 시행착오를 정리했습니다. table 레이아웃과 인라인 스타일로 클라이언트별 차이를 줄이는 방법을 소개했습니다.
#CSS#HTML#Outlook
8900
웹과 다른 세계: 이메일 템플릿 작업에서 겪은 시행착오
Shadow Dom : 중요한 건 깨지지 않는 스타일
여러 플랫폼의 이력서를 한 화면에서 안정적으로 보여주기 위해 Shadow DOM 적용 사례를 다뤘습니다. 스타일 충돌 방지, 스크립트 처리, FOUC 대응과 한계까지 정리했습니다.
#Shadow DOM#CSS#DOM
5700
토스의 접근성 문서 A11y Fundamentals 을 소개합니다 (오픈 기념 이벤트 ~9/10)
토스가 실무에서 바로 적용할 수 있는 접근성 문서 A11y Fundamentals를 소개했습니다. 스크린리더 체험 이벤트와 함께 핵심 원칙과 실수하기 쉬운 패턴도 안내했습니다.
#접근성#스크린리더#HTML
15800
Cursor AI로 K-팝 소개 사이트 만들기 (feat. 커서 AI 트렌드 ＆ 활용 백과)
Cursor AI로 K-팝 소개 웹페이지를 만들고 웹 서버에 올린 과정을 공유했습니다. 초보자도 빠르게 결과물을 만들 수 있지만, 도메인 지식과 수정 검토가 중요하다고 짚었습니다.
#Cursor#HTML#CSS
26600
HTML 문서의 실시간 본문 추출기: 노이즈 적은 콘텐츠 수집의 비밀
HTML 문서에서 실시간으로 본문만 빠르게 추출하기 위한 PAAS의 로직을 소개했습니다. 트리 구조 feature와 entropy를 활용해 노이즈를 줄이면서 핵심 정보 유실을 막았습니다.
#HTML#LLM#검색
3100
토스 피플: 문과생에서 토스 개발 리더까지
문과 출신 개발자가 토스에서 프론트엔드와 UX 엔지니어링 리더로 성장한 과정을 들려주셨습니다. 디자인 시스템과 편집기 개발, 팀 빌딩과 리더십 고민도 함께 공유했습니다.
#UX/UX Engineer#JavaScript#HTML
4900
unified + rehype 를 사용하여 경제적인 LLM번역 프로세스 구축하기
HTML 번역 전에 unified와 rehype로 속성을 분리해 LLM 입력을 최소화했습니다. 그 결과 토큰을 약 40% 줄이고 번역 오류 위험도 낮췄습니다.
#LLM#unified#rehype
1100
효율적인 상세 페이지 제작 및 관리가 필요하다면? 이미지호스팅 개념과 장점!
온라인 판매자가 여러 오픈마켓을 운영할 때 이미지호스팅으로 상세 페이지 수정과 관리를 간소화할 수 있습니다.\n전용 서버, URL 등록, 트래픽·용량 선택을 통해 로딩 안정성과 운영 효율을 높일 수 있습니다.
#웹 호스팅#URL#트래픽
2700
효율적인 상세 페이지 제작 및 관리가 필요하다면? 이미지호스팅 개념과 장점!
SVG를 이용하여 Animation 만들기_후속
SVG의 `viewBox`, `viewport`, `preserveAspectRatio` 개념을 정리하고 `meet`와 `slice`의 동작 차이를 설명했습니다.\n크기 관계에 따라 정렬 기준이 어떻게 달라지는지 예시로 살펴보았습니다.
#SVG#HTML#Animation
2700
Azar iOS Team이 잊힌 코드를 추모 하는 법
Azar iOS 팀이 Periphery로 Swift 프로젝트의 미사용 코드를 찾고 공유하는 체계를 만들었습니다. GitHub Actions와 CSV→HTML 변환, artifact 업로드로 주기적 운영도 함께 구성했습니다.
#Swift#iOS#GitHub Actions
1300
카카오헤어샵 vanilla-extract 도입기 - 카카오헤어샵 마크업 내재화 이야기
카카오헤어샵이 외부 퍼블리셔 의존 구조에서 벗어나 마크업 내재화를 추진한 내용을 다뤘습니다. vanilla-extract 도입을 통해 프론트엔드 스타일 작업 방식을 개선한 사례입니다.
#vanilla-extract#CSS#HTML
2800
카카오헤어샵 vanilla-extract 도입기 - 카카오헤어샵 마크업 내재화 이야기
마크다운에 컴포넌트 추가하기
마크다운을 mdast, hast, HTML로 변환하는 흐름을 살펴보고, 커스텀 태그를 리액트 컴포넌트로 치환하는 방법을 소개했습니다. MDX와 Gatsby 연동 예시도 함께 정리했습니다.
#Markdown#HTML#unified
2300
마크다운에 컴포넌트 추가하기
카카오 공채 입사 후 10개월 FE개발팀에서의 여정
카카오엔터테인먼트 FE개발팀 신입이 10개월간의 온보딩과 실전 프로젝트 경험을 소개했습니다. 재택근무 속 게더타운, 스몰토크, 데모데이, 협업 문화로 성장한 과정을 공유했습니다.
#JavaScript#HTML#CSS
2300
카카오 공채 입사 후 10개월 FE개발팀에서의 여정