23-12-2 tailwind로 반응형을 만들기 위한 자료정리

어제는 하루종일 반응형을 구현하기 위한 각종 참고자료들을 찾다가 시간이 모두 다 지났다.
한두개는 그대로 했는데 작동이 잘안되는 경우가 있다. 무엇이 문제인지 잘 모르겠다.
오늘부터 차분하게 하나하나 실습을 해보고자 한다. 이번에는 시간이 좀 걸릴 것 같다.

국어로된 tailwind css 소개/의외로 국어로된 utube 자료가 별로 많지 않다.
https://www.youtube.com/playlist?list=PLjW7a2f7vPPYgLRLhYw60SALDWkcTCpet

Tailwind css 반응형 메뉴 navbar 만들기
https://cpro95.tistory.com/531

sticky 형태
https://larainfo.com/blogs/sticky-header-on-scroll-nextjs-with-tailwind-css-example

Effortlessly Create Responsive Flex Layouts with TailwindCSS: An In-Depth Guide
https://levelup.gitconnected.com/effortlessly-create-responsive-flex-layouts-with-tailwindcss-an-in-depth-guide-1dfa5063d4c4

Sticky Header on Scroll NextJs with Tailwind CSS Example
https://larainfo.com/blogs/sticky-header-on-scroll-nextjs-with-tailwind-css-example

Create a Responsive NavBar with Next.js & TailwindCSS in UNDER 15mins

https://github.com/vlahou89/nextjs-tailwindcss-navbar
이 사람은 깃허브 자료까지 링크해 주었다. 친절하게도

Tailwind CSS Navbar 각종 예제
tw element
https://tw-elements.com/docs/standard/navigation/navbar/

material tailwind next 설명
https://www.material-tailwind.com/docs/react/guide/next#
navbar 예시
https://www.material-tailwind.com/docs/react/navbar#

컴팩트하게 코드를 만든 방법
Creating a Responsive Navbar Using Next.js and Tailwind CSS
https://dev.to/ryaddev/creating-a-responsive-navbar-using-nextjs-and-tailwind-css-48kk

next도 버전에 따라 조금씩 달라진다. 그런데 그것이 어떨때는 헷갈리게 만든다.
next 14에 대한 자료가 별로없는 것 같은데 영어로된 자료가 있다. 좀 길지만 이해하는데 매우 도움이 된다,
next 14에 대한 설명