Tailwind CSS 반응형 클래스 사용법: sm md lg 기준 잡기
Tailwind CSS의 반응형 클래스 sm, md, lg를 mobile-first 흐름 기준으로 정리합니다. 접두사 없는 기본 클래스에서 시작해 카드 리스트, 검색 필터, 섹션 여백을 어떻게 조정하는지 설명합니다.
전체 글
Tailwind CSS Grid 실무 레이아웃 정리: 카드 목록부터 대시보드까지
Tailwind CSS Grid를 카드 목록, 대시보드, 사이드바 레이아웃 기준으로 정리합니다. grid-cols, gap, col-span, 반응형 클래스 조합을 실무 레이아웃 관점에서 살펴봅니다.
Tailwind border flex 사용법: 레이아웃 기본 클래스 기준
Tailwind border flex 사용법: 레이아웃 기본 클래스 기준을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.
Tailwind CSS 기본 클래스 사용법: text font bg spacing 익히기
Tailwind CSS 기본 클래스: text font bg spacing 사용 기준을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.
Tailwind CSS 실전 로드맵: 기본·반응형·상태·동적 클래스 학습 순서
Tailwind CSS를 기본 유틸리티, flex·grid, 모바일 우선 반응형, 상태 variant, 동적 클래스, 디자인 토큰 순서로 익히는 실전 로드맵입니다.
Expo Router 사용법: app 폴더와 Stack Tabs 구조 잡기
라우트 파일, URL, Stack·Tabs 부모 관계를 연결하고 동적 파라미터를 화면에 표시합니다. React 컴포넌트와 TypeScript를 알아야 합니다.
Expo Safe Area 사용법: 화면 여백을 안전하게 잡는 방법
safe area의 공급자와 소비자를 구분하고 헤더·하단 버튼에 여백을 한 번만 적용합니다. View·StyleSheet와 컴포넌트 트리를 알아야 합니다.
Expo Status Bar 사용법: Safe Area와 화면별 설정
상태바 글자색과 안전 영역을 구분하고 현재 활성 화면에 맞춰 색상을 바꿉니다. Expo Router 및 Safe Area를 먼저 익혀야 합니다.
Expo React Native Web 사용법: 앱을 웹으로 확장하기
공용 컴포넌트와 플랫폼 파일을 나누고 브라우저 미지원 기능의 대체 동작을 설계합니다. React props·이벤트와 Expo 기본 실행이 선수 지식입니다.
Expo vector icons 사용법: 탭바와 커스텀 아이콘 적용하기
아이콘 이름·크기·색상을 연결하고 폰트 로딩 실패를 처리합니다. React props·useState와 Router 탭 구조를 이해해야 합니다.
Expo Location 사용법: 현재 위치와 백그라운드 추적 처리
현재 위치·화면 구독·백그라운드 작업을 나누고 비동기 구독 생성과 화면 종료의 경쟁 상태를 처리합니다. async/await와 useEffect cleanup, 개발 빌드가 선수 지식입니다.
Expo WebBrowser 사용법: 외부 링크와 로그인 복귀 처리
일반 외부 링크와 인증 세션을 구분하고 취소·성공·복귀 주소 불일치를 처리합니다. Promise와 URL, 앱 scheme 개념을 알아야 합니다.