👨‍💻 사건

• tailwind 를 사용하여, 애니메이션 위주의 홈페이지를 만들어 보려했다.
  cdn 링크 를 통해 tailwind 커스텀 설정을 찾아보고 있는데, tailwind play 를 제외한 다른 방법은 구글링을 통해서도 해답이 나오지 못했다.
  그래서 cdn 이 아닌, cli를 터미널로 설치를 하고자 했다.
  tailwind 웹페이지의 설치방법대로 설치를 시도 했으나, 계속 실패하고 그에 대한 원인조차 알 수 없었다. 그러다 POSTcss 설치 방식도 시도 해 보았으나 역시 실패했다…

✅ 해결

정말 어이없지만, 설정 경로의 문제가 있었다.
아래의 코드를 보면, content 부분에 경로가 있다.

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

이 경로를 나는 그저 복사 붙여넣기를 해서, 작동이 안되었던 것 이었다.
이는 유튜브 설치 영상을 보고 알아차렸다..
거기에 input.css 를 따로 설정해 두어야 하는 것 도 영상을 보고 알게되었다.
만약,,, 영상을 안보았으면 대참사가 일어날뻔 한 것이다.

💭 개선

• 급하게 하지말고, 신중하게 한번 더 생각 해 보자.