FE News 26년 9월 소식을 전해드립니다.
FE News 26년 9월 소식을 전해드립니다.
FE 분야의 최신 기술 소식을 묶어 AI 역량, 프레임워크 마이그레이션, 성능 개선 흐름을 정리했습니다. 실무에 바로 참고할 만한 업데이트와 적용 포인트를 함께 소개했습니다.
#Next.js#Bun
1900
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
Claude와 함께한 행사용 웹앱 개발기
오프라인 행사 운영을 웹앱으로 전환하며 1인 개발과 Claude 협업 방식을 정리했습니다. 설계, 디버깅, 리팩토링에서 AI를 파트너처럼 활용한 실무 인사이트를 공유했습니다.
#React#TypeScript
4600
AI가 분석한 리서치 결과, 어떻게 만들고 전달할까요?
AI가 분석한 리서치 결과, 어떻게 만들고 전달할까요?
리서치 분석을 LLM으로 만들고 전달하는 구조를 정리했습니다. 작업 분해와 평가 루프, SSE·알림음·채팅으로 사용자 경험을 개선했습니다.
#LLM#SSE
1200
React Hook Form, Zod로 Form 관리하기
복잡한 다단계 폼을 React Hook Form, Zod, Jotai로 전략적으로 관리하는 방법을 정리했습니다. 조건별 스키마 분리, 임시 저장, 단계별 검증과 값 초기화 흐름을 설명했습니다.
#React#TypeScript
2300
Unity를 모르는 프론트엔드 개발자가 AI로 Unity 서비스를 React로 옮긴 방법
Unity를 모르는 프론트엔드 개발자가 AI와 하네스 엔지니어링으로 Unity 서비스를 React/Next로 옮긴 과정을 다뤘습니다. 명세 중심 검증, IME 대응, 가상 스크롤 전환, 자동 안전장치와 도메인별 리뷰 분리를 소개했습니다.
#React#Next.js
5000
React vs React Native: 프로젝트별 선택 가이드
React와 React Native의 렌더링 방식과 활용 기준을 비교해 프로젝트별 선택 기준을 정리했습니다. SEO와 배포 민첩성은 React, 네이티브 UX와 하드웨어 연동은 React Native가 적합했습니다.
#React#React Native
4100
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
전체 데이터를 브라우저에 두는 광고 대시보드 만들기
전체 데이터를 브라우저와 Web Worker로 옮겨 광고 대시보드의 필터링과 정렬을 즉시 처리하도록 개선했습니다. 그 결과 속도뿐 아니라 누락 데이터, URL 검증, 정렬 제약 같은 구조적 문제도 함께 해결했습니다.
#React#Web Worker
8900
AI에게 투자정보를 말하게 하기까지
투자 정보는 적시성, 정확성, 검증 가능성이 중요해 LLM 출력만으로는 부족했습니다. 근거 선별과 절차 통제, 평가 가능한 구조를 통해 AI가 말해도 되는 상태를 운영했습니다.
#LLM#ML
7300
모노리포 희망편, 절망의 리포가 희망의 리포로 부활하기까지 걸린 1년
토스는 대규모 프론트엔드 모노리포의 의존성 파편화를 해결하기 위해 카탈로그를 도입했습니다. 이를 통해 설치 속도와 개발 경험을 개선하고 최신 플랫폼 변경을 안정적으로 전파했습니다.
#모노리포#React
7500
항공 프론트엔드 구축기 (6/10): 컨테이너를 둘로 쪼개지 않았다
항공 프론트엔드 구축기 (6/10): 컨테이너를 둘로 쪼개지 않았다
항공 프론트엔드 구축 과정에서 레이아웃 컨테이너 설계를 다룬 글입니다. 제공된 내용상 컨테이너를 둘로 나누지 않은 선택이 핵심입니다.
#React#container
5800
항공 프론트엔드 구축기 (5/10): 뒤로가기가 가장 어려웠다
항공 프론트엔드 구축기 (5/10): 뒤로가기가 가장 어려웠다
항공 프론트엔드 구축 과정에서 뒤로가기 구현이 가장 어려운 문제로 다뤄졌습니다. 다만 발췌만으로는 구체적인 원인과 해결 방식은 충분히 확인되지 않았습니다.
#React#CSR
4400
항공 프론트엔드 구축기 (2/10): Vue2 디자인 시스템을 React로 옮기기
항공 프론트엔드 구축기 (2/10): Vue2 디자인 시스템을 React로 옮기기
Vue2 디자인 시스템을 React로 옮기는 항공 프론트엔드 구축기를 다룬 글입니다. 프론트엔드 기술 전환과 디자인 시스템 이관 맥락을 소개합니다.
#Vue.js#React
3600
감독자의 언어
좋은 프롬프트는 단순한 지시가 아니라 요구사항 명세로 다뤄야 한다고 설명했습니다. 결과물의 경계, 위임 기준, 검증 방법을 미리 적어 재작업을 줄이는 방법을 제안했습니다.
#prompt#LLM
3100
Grafana에서 자연어로 장애 원인을 분석하기: LLM 에이전트 기반 SRELens 개발기
Grafana에서 자연어로 장애 원인을 찾는 SRELens 개발 사례를 소개했습니다.\nLLM 에이전트를 운영 환경에 맞게 제어하기 위해 프롬프트 레이어 분리와 도구 호출 가드레일을 설계했습니다.
#Grafana#LLM
7000