REACT2 React + Vite 환경에서 Tailwind CSS 타이포그래피 완벽 정리 현업에서 일하다가 자연스레 CSS Style을 Tailwind 코드를 바로 뽑을 수 있다는 것을 알게됐다. 이번에 공부하면서 React + Vite + Tailwind 조합으로 작업하다보니, 자주 쓰게되는 클래스가 혼동되어 정리해본다. 다들 제 게시물 옆에 띄워놓고 복붙하면서 자연스럽게 외워보시옵소서😁 ✅ 폰트 사이즈 (Font Size)Vite 프로젝트에서 텍스트 크기를 조절할 때 사용하는 Tailwind CSS의 기본 text-클래스 클래스 크기 비고text-xs12px아주 작은 글씨text-sm14px부연 설명, 작은 본문text-base16px기본 본문 사이즈text-lg18px강조된 본문text-xl20px소제목text-2xl24px중제목text-3xl30px대제목text-4xl36px메인.. 2026. 4. 1. Vite로 시작하는 React Todo 앱 - 기본 기능 부터 Empty State UI까지 React와 Vite로 Todo 리스트를 만들며필수 기능인 목록 렌더링, 할 일 추가/삭제, 완료 토글부터입력값 검증, 파생 상태 계산, 빈 상태 UI까지 단계적으로 구현해보았다. 이 글에서는"React Todo 리스트 구조""State 설계 방법""완료 개수 계산을 위한 파생 상태 처리"를 중심으로 실제 코드와 함께 설명한다. React 입문자나 Todo 앱 예제를 찾는 분들에게 도움이 되길 바라며질문 또는 고칠 점이 있다면 언제든지 댓글 달아주세요! 깃링크https://github.com/naangarchive/react-todo-study {{예시화면}} 2026. 2. 11. 이전 1 다음
