아이템 선택영역 코드 개선

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

slack-cleaner

특정 채널의 슬랙 메세지를 모두 지우고 싶을 때가 있다. slack-cleaner 라는 툴을 사용하면 되는데 자주 안 쓰다보니 설치할 때마다 실행 방법을 잊어서 적어본다. 핵심은 이렇다. Your Apps의 OAuth & Permissions 메뉴에서 Scopes를 잘 줘야 한다 OAuth Access Token의 xoxp-…로 시작하는 token을 사용해야 한다 스코프 Slack 봇을 개발하던 중이라 봇과 대화가 많이 쌓였는데 퍼미션 문제로 삭제가 […]

Laravel Nova 화면 호출

Nova blade가 있는 resources 디렉토리 root에 다음 파일들이 있음 layout.blade.php dashboard.blade.php router.blade.php 전체 view 중에 dashboard.blade.php, router.blade.php 두 개만 layout.blade.php를 확장한다. router.blade.php는 RouterController의 show()에서 읽는다. RouterController의 show()는 PendingRouteRegistration의 register()에서 등록된다. PendingRouteRegistration의 register()는 NovaServiceProvider의 routes()에서 호출된다.

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라는 것이 두 설정에 모두 나타나서 찾아보니 […]