이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

웹 화면과 서비스를 만드는
해비의 개발 기록

웹사이트 제작·운영과 개인 서비스, 자동화·AI 도구를 만들며 배운 내용과 문제 해결 과정을 정리합니다.

전체 글

Tailwind CSS · 중급 설명 10분 2026.04.24

Tailwind CSS Grid를 카드 목록, 대시보드, 사이드바 레이아웃 기준으로 정리합니다. grid-cols, gap, col-span, 반응형 클래스 조합을 실무 레이아웃 관점에서 살펴봅니다.

Tailwind CSS · 초급 설명 11분 2026.04.24

Tailwind border flex 사용법: 레이아웃 기본 클래스 기준을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.

Tailwind CSS · 초급 설명 13분 2026.04.24

Tailwind CSS 기본 클래스: text font bg spacing 사용 기준을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.

Tailwind CSS · 초급 설명 15분 2026.04.23

Tailwind CSS를 기본 유틸리티, flex·grid, 모바일 우선 반응형, 상태 variant, 동적 클래스, 디자인 토큰 순서로 익히는 실전 로드맵입니다.

Expo · 중급 설명 16분 2026.04.22

라우트 파일, URL, Stack·Tabs 부모 관계를 연결하고 동적 파라미터를 화면에 표시합니다. React 컴포넌트와 TypeScript를 알아야 합니다.

Expo · 초급 설명 14분 2026.04.22

safe area의 공급자와 소비자를 구분하고 헤더·하단 버튼에 여백을 한 번만 적용합니다. View·StyleSheet와 컴포넌트 트리를 알아야 합니다.

Expo · 초급 설명 15분 2026.04.22

상태바 글자색과 안전 영역을 구분하고 현재 활성 화면에 맞춰 색상을 바꿉니다. Expo Router 및 Safe Area를 먼저 익혀야 합니다.

Expo · 고급 설명 13분 2026.04.22

공용 컴포넌트와 플랫폼 파일을 나누고 브라우저 미지원 기능의 대체 동작을 설계합니다. React props·이벤트와 Expo 기본 실행이 선수 지식입니다.

Expo · 초급 설명 14분 2026.04.22

아이콘 이름·크기·색상을 연결하고 폰트 로딩 실패를 처리합니다. React props·useState와 Router 탭 구조를 이해해야 합니다.

Expo · 고급 설명 14분 2026.04.22

현재 위치·화면 구독·백그라운드 작업을 나누고 비동기 구독 생성과 화면 종료의 경쟁 상태를 처리합니다. async/await와 useEffect cleanup, 개발 빌드가 선수 지식입니다.

Expo · 고급 설명 17분 2026.04.21

일반 외부 링크와 인증 세션을 구분하고 취소·성공·복귀 주소 불일치를 처리합니다. Promise와 URL, 앱 scheme 개념을 알아야 합니다.

Expo · 고급 설명 13분 2026.04.21

작은 인증 값을 저장·삭제하고 저장 실패와 생체 인증 취소를 구분합니다. async/await와 서버 세션 갱신 개념을 알아야 합니다.