TIL : 최종프로젝트 3일차

tailwind 사용하기

tailwind 공식 홈페이지

오늘은 tailwind로 ui작업을 했다. 처음엔 익숙하지도 않고, 적용이 되지 않는 수치도 있어서 오늘 안에 다 구현할 수 있을 지 걱정했지만, 적용하고 싶은 css를 tailwind 홈페이지에서 검색하면 어떻게 작성해야 하는지 나와있기도 하고, 찾아보면서 하나하나 적용하다보니 해결할 수 있었다.

tailwind에서 css적용하려면 class에 css내용을 작성해야한다.
width -> w
height-> h
이런식으로 줄임말처럼 되어있다.

그리고 단위도 4px 단위이다.
w-1 = 4px
w-2 = 8px
그냥 css로 작업할 때 보다 깔끔하게 디자인되는 것 같다 !

반응형페이지 구현할 때에는 min-width에 맞춰서
sm: md: lg: 로 구분해서 디자인한다. 매번 max-width로 반응형구현작업을 했더니 min-width에 맞춰서 디자인하는게 익숙하지 않아 어려움을 많이 겪었지만, 그래도 하다보니 익숙해졌다!

오늘 회의내용

오전 스크럼

• 슬라이드부분 원래 인기있는 코스를 넣기로 했었는데 페이지 소개로 변경
• 검색기능 ‘제목 + 글내용’으로만 검색되도록 만들기로 했는데, 아래 내용으로 변경
  • 지역 선택 검색
  • 해시태그 선택 검색
  • 지역 + 해시태그 검색
  • 목적지 ( 제목 + 글내용 ) 검색
• 검색 창 밑에 해시태그별로 글 나타내는 부분, 아래 내용으로 변경
  • 인기있는 여행코스, 제일 최근 작성된여행
• 지금 바로 여행하러 가기 탭 추가사항으로 진짜진짜 마지막에 고려해보기

오후 스크럼

• 게시글페이지 소셜 공유 기능 (카카오톡, 페이스북, 트위터, URL) 추가
• Footer에 프로젝트 깃헙 링크, 정리 문서 추가
• ( 추가기능 )메인페이지 - 숙박, 교통편 예약 바로가기 배너
• ( 추가기능 )다국어 지원 기능

확실히 작업하다보니 디테일한 부분도 더 생각하게 된다. 이제 어려웠던 기획과정을 지나, 구현을 시작했다. 여러가지 생각해 볼 부분이 많지만 기능구현도 잘해봐야지!