AI가 만든 React를 의심해야 하는 순간
React Doctor는 AI agent와 개발자가 남긴 React 코드를 정적으로 훑어 state와 effect, 성능, 구조, 보안, 접근성 문제를 드러내는 도구다. lint를 넘어서 CI와 PR, agent workflow에 품질 게이트를 세우는 흐름을 다루기 좋은 주제다.
#React#React Doctor#Static Analysis#AI Coding
Frontend
React, Next.js, 브라우저 생태계와 UI 개발 흐름을 다룹니다.
현재 10개의 발행 글이 이 주제에 속해 있습니다.
서버가 다시 화면을 책임지는 순간
React가 나쁘다는 이야기가 아니다. 다만 모든 화면이 SPA일 필요는 없다. Python과 HTMX 조합이 왜 다시 주목받는지, 보일러플레이트 피로와 운영 단순성, 저사양·저대역폭 환경에서의 현실적인 이점을 따라가며 살핀다.
#React#Python#HTMX#Django
예쁜 코드보다 빨리 살아남는 UI가 필요한 순간
Tailwind를 둘러싼 호불호를 단순한 취향 싸움으로 보지 않고, 왜 많은 팀이 결국 utility-first로 기울어지는지 추적한다. CSS의 장인정신, 팀 생산성, 재사용성, 접근성 사이의 실제 긴장을 현장감 있게 풀어낼 글이다.
#Tailwind CSS#CSS#Frontend#UI Engineering
유틸리티 클래스가 프론트엔드 팀을 구하는 순간
Tailwind를 둘러싼 호불호는 결국 취향보다 협업의 문제에 가깝다. 이 글은 utility-first CSS가 왜 빠른 실험, 일관된 UI, 낮은 문맥 전환 비용에 유리한지 짚고, markup 비대화·디자인 경직 같은 흔한 반론까지 함께 다루며 현실적인 적용 감각을 풀어낸다.
#Tailwind CSS#CSS#Frontend#UI Engineering
디자인 시스템이 늦어질수록 MUI가 다시 호출되는 이유
MUI는 예쁜 버튼 몇 개를 빨리 붙이는 도구에 그치지 않는다. React 팀이 제품 일관성, theme 확장성, 접근성, 개발 속도를 한 번에 맞추려 할 때 왜 다시 Material UI를 검토하게 되는지, 그 실전 감각을 따라가는 에세이에 맞춘 메타데이터다.
#mui#material-ui#react#design-system
React Conf 2021 Recap
2021년 React Conf에서는 React 18의 출시와 동시 기능 채택을 포함한 다중 플랫폼 비전을 공유했습니다. 이 회의는 React 생태계의 미래 방향성을 제시하며, 개발자들에게 중요한 변화와 기회를 제공합니다.
#react-conf#react-18#concurrent-features#multi-platform-vision
타입스크립트와 리액트를 활용한 실시간 전자 회로 디자인 가이드
이 글에서는 타입스크립트와 리액트를 사용하여 실제 전자 회로를 구현하는 방법을 심층적으로 다룹니다. 실무적용 사례, 흔한 함정 및 최적화 팁을 포함하여, 개발자들이 실시간 트렌드를 반영할 수 있도록 돕습니다. 또한, 실무 체크리스트와 주의사항을 통해 개발 과정에서의 실수를 줄이고, 코드 예시를 통해 이해를 돕습니다.
#타입스크립트#리액트#전자회로#웹개발
Create React App의 서비스 종료
Create React App이 새로운 앱에 대해 더 이상 지원되지 않으며, 기존 앱은 Vite, Parcel, RSBuild와 같은 빌드 도구로 마이그레이션할 것을 권장합니다. 또한, 프로젝트에 적합하지 않은 경우나 React를 직접 배우고 싶은 경우를 위한 문서도 제공됩니다.
#create-react-app#migration#vite#parcel
Next.js 16에서 Server Actions 사용 시 보안 체크리스트
Next.js 16에서 Server Actions를 사용할 때 보안을 강화하기 위한 체크리스트를 제공합니다. 이 가이드는 실무 적용 사례와 함께 보안 위협을 줄이는 방법을 심층적으로 다룹니다.
#nextjs#server-actions#보안#웹개발
Quickpick UI: React와 Vanilla JavaScript를 위한 타입 필터 피커 구현 가이드
이 글에서는 Quickpick UI를 활용하여 React와 Vanilla JavaScript에서 타입 필터 피커를 구현하는 방법을 심층적으로 설명합니다. 실무 적용 사례, 흔한 함정, 최적화 팁 등을 포함하여 개발자들이 쉽게 이해하고 활용할 수 있도록 구성했습니다.
#quickpick-ui#react#vanilla-javascript#ui-design