📄️ shadcn/ui 핵심 개념과 아키텍처 이해하기
이 글에서는 shadcn/ui의 핵심 개념과 아키텍처를 요약합니다. Headless UI 기반의 컴포넌트 구조, Tailwind CSS 스타일링 방식, 그리고 디자인 시스템을 직접 구축하는 철학까지, shadcn/ui가 프런트엔드 개발 방식에 가져올 변화를 살펴봅니다.
📄️ 백엔드 도구들, FE로 치면 무엇일까요?
ktlint는 Prettier, detekt는 ESLint, Gradle 멀티모듈은 pnpm workspace — 백엔드 온보딩에서 만난 도구들을 FE 대응물로 정리하고, 대응물이 없는 도구는 왜 없는지까지 짚습니다. FE→BE 온보딩 시리즈의 마지막 글입니다.
📄️ 스프링(Spring)은 프론트엔드의 무엇과 닮았을까요?
빈과 컨테이너, DI·IoC, AOP, 웹 요청 처리, JPA·트랜잭션, 설정·프로파일, 테스트, 스프링 부트까지 — 백엔드를 처음 접하는 프론트엔드 개발자를 위해 스프링의 핵심을 React·TypeScript·데코레이터 같은 익숙한 개념에 대응시켜 통째로 정리합니다.
📄️ tailwindcss 4.0 무엇이 달라졌나요?
Tailwind CSS v4.0은 성능과 유연성을 극대화한 새로운 버전으로, 최신 웹 표준과 개발 흐름에 맞춘 다양한 기능과 개선 사항을 제공합니다. 이 글에서는 업데이트된 주요 내용을 살펴봅니다.
📄️ TypeScript가 JSX를 변환하는 방법과 JSX Transform에 대해
이번 글에서는 TypeScript가 JSX를 처리하는 방식과 React 17에서 도입된 새로운 JSX Transform의 이점을 설명합니다.
📄️ npm install시 —force와 —legacy-peer-deps은 왜 사용할까?
npm 설치 시 발생하는 의존성 충돌 문제를 해결하기 위해 사용하는 —force와 —legacy-peer-deps 옵션의 차이점과 사용 목적에 대해 알아봅니다. 이 글에서는 이러한 옵션들이 필요한 이유와 주의할 점을 자세히 설명합니다.
📄️ Vuex와 함께하는 더 나은 전역 상태 관리
Vuex를 활용한 효율적인 전역 상태 관리 방법을 배워보세요. Vue 애플리케이션의 상태 관리 패턴과 모범 사례를 소개합니다.
📄️ 무엇을 상태로 두지 말아야 할까요?
리액트에서 매일 만나는 세 가지 질문 — 이 값은 화면을 다시 그려야 하나, 이 값은 계산되는 값인가, 이 흐름은 상태 변화를 관찰해서 이어지나. 최신 값 참조·파생 상태·절차 실행이라는 세 원칙을 상태를 줄인다는 하나의 관점으로 묶어 풀어봅니다.