아이템 선택영역 코드 개선

첫 시도 .justify-center 를 사용하여 flex 콘텐츠를 중앙정렬 할 수 있기 때문에 3개의 div를 만들고 가운데를 사용하는 형태의 코드를 피할 수 있었다. ㅎ 더 좋은 아이디어 선택 영역을 표현하기 위한 별도의 div를 추가하던 방식을 요일을 담는 div를 활용하여 배경을 표현하는 방식으로 수정했다. 덕분에 배경을 표현하던 div와 position 관련 코드를 제거할 수 있었다. 다른 요일과 div가 […]

Laravel mix PostCSS 사용 시 Tailwind config 설정

지난 글에서 PostCSS의 Tailwind 플러그인에 config 넣는 방법을 과제로 남겨놨는데 방법을 찾은 것 같다. 위처럼 require() 다음에 다시 괄호를 열어 설정파일 path를 넘기는 방식. Laravel mix 설정이 아니라서 미처 알아보지 못했지만 비슷한 코드를 포함하는 문서도 찾았다. 아무튼 이거 하려는 게 아니라 Tailwind 공부가 목적이라 얼렁뚱땅 요상한 학습 중.

Tailwind CSS + Laravel 세팅

Laravel 프로젝트에 Tailwind CSS 개발환경을 세팅해보자. @tailwind 사용 @import 사용 빠른 결론 Tailwind CSS 세팅을 해봤다. 공식 문서에는 @tailwind directive를 사용하는 방법과 @import를 사용하는 방법이 문서1, 문서2에 나뉘어 설명되어 있다. 관계가 있어 보이는 설정끼리 묶어서 적어봤다. 두 설정 환경을 섞으면 뭔가 에러가 나므로 그룹은 잘 나눈 것으로 보인다. PostCSS라는 것이 두 설정에 모두 나타나서 찾아보니 […]