중급 프로젝트 - user flow, tailwind

03.09(토) ~ 03.10(일) 프로젝트 2, 3일차

✨ User Flow

먼저 내가 맡은 페이지의 user flow를 그려봤다.

github에서 제공하는 project 일정관리를 이용해 To-do list를 팀원별로 등록했다.

✨ Tailwind

Taliwind를 처음써봐서 클래스 네임을 하나하나 공식문서에서 찾아 쓰고있다. 하지만 자주 쓰는 요소는 정해져 있으니 익숙해지면 저절로 외워져 작성 속도는 훨씬 빨라질 것 같다!

그리고 반응형을 구현하기에 편리한 것 같다.

1<div className='relative flex h-[84px] w-[147px] items-center justify-center md:h-[160px] md:w-[280px]'>

md: 는 @media (min-width: 768px) { ... } 이다.

다른 사이트 개발자도구에서 본 이런 이상한 클래스 네임이 바로 tailwind였군.