[CSS] Instagram UI Clone Header (Next.js + tailwind) 강의 메모

[CSS] Instagram UI Clone Header (Next.js + tailwind) 강의 메모

플젝 세팅 npx create-next-app ig-header cd ig-header npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p // tailwind 설정 /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}", ], theme: { extend: {}, }, plugins: [], } // global.css 에 추가 @tailwind base; @tailwind components; @tailwind utilities; // className에다 tailwind 써주면됨 <div className="shadow-sm border-b bg-white top-0 fixed w-full"> // 실행 n...

#CSS #tailwind

원문링크 : [CSS] Instagram UI Clone Header (Next.js + tailwind) 강의 메모

 등록된 다른 글

[Unity] 유니티에서 비주얼 스튜디오 연동하기

[Java] 람다식 (Lambda Expression) 사용법

[Python] Adversarial Example 직접 생성해보기 (Targeted Misclassification)

[Java] Optional 클래스 사용법

구름 IDE로 클라우드 개발환경 만들기

[컨퍼런스] FEConf 2021: 컴포넌트 다시 생각하기 정리

[Unity] 해상도 고정

[Java] JUnit으로 테스트 코드 돌려보기