스프링(Spring)은 프론트엔드의 무엇과 닮았을까요?약 13분Spring Bean과 의존성 주입을 React·TypeScript의 개념과 비교합니다. 웹 요청 처리와 DB 조회, 트랜잭션이 스프링에서 어떻게 이어지는지 설명합니다.
백엔드 도구들, FE로 치면 무엇일까요?약 6분Gradle·ktlint·detekt를 프론트엔드의 빌드 도구·포매터·린터와 비교합니다. 테스트, DB 마이그레이션, 코드 생성 도구의 역할과 FE 도구에 비유할 때의 차이도 짚습니다.
쿼리 키는 어떻게 캐시 주소가 되나요?약 16분TanStack Query가 쿼리 키로 캐시를 찾는 과정을 소스 코드로 살펴봅니다. 키의 직렬화와 부분 매칭, 데이터 갱신과 하이드레이션에서 주의할 점을 정리합니다.
무엇을 상태로 두지 말아야 할까요?약 7분React에서 별도로 저장할 필요가 없는 상태를 구분합니다. 최신 값 읽기, 파생 값 계산, Effect의 연쇄 실행 예제로 상태를 줄이는 기준을 살펴봅니다.
Tailwind CSS 4.0, 무엇이 달라졌나요?약 11분Tailwind CSS 4.0의 CSS 기반 설정, 자동 콘텐츠 감지, Vite 통합을 살펴봅니다. 테마 변수와 동적 유틸리티, 컨테이너 쿼리 등 새 기능을 코드 예제로 정리합니다.
npm의 --force와 --legacy-peer-deps는 어떻게 다를까요?약 7분npm의 peer dependency 충돌에서 --force와 --legacy-peer-deps가 각각 무엇을 허용하거나 무시하는지 비교합니다. 설치 성공이 실제 호환성을 보장하지 않는 이유도 설명합니다.
shadcn/ui 핵심 개념과 아키텍처 이해하기약 16분shadcn/ui가 컴포넌트 소스 코드를 프로젝트에 복사해 사용하는 방식을 살펴봅니다. 원문 예제를 바탕으로 컴포넌트 구조와 Tailwind CSS 스타일링을 설명합니다.
TypeScript는 JSX를 어떻게 변환할까요?약 5분tsconfig의 다섯 가지 jsx 옵션과 각각의 변환 결과를 비교합니다. React.createElement를 호출하는 방식과 React 17에서 도입된 자동 JSX 런타임의 차이를 설명합니다.
Vuex로 전역 상태와 스토어 모듈 관리하기약 8분Vuex로 전역 상태를 읽고 변경하는 방법을 예제로 설명합니다. 스토어를 모듈과 네임스페이스로 나누며, 기존 Vue 프로젝트의 상태 관리 구조를 살펴봅니다.
라이브러리와 프레임워크
다양한 라이브러리와 프레임워크의 개념, 특징, 그리고 프로젝트에서의 활용 방법을 다룹니다.
