데일리 저널

메리 크리스마스, 여러분. 즐거운 시간 보내셨길 바랍니다. 오늘은 10%와 90%가 어떻게 다른지에 대한 유튜브 영상을 봤습니다. 세 가지 주요 아이디어에 대해 이야기합니다.

1. 나머지 90%와 다르게 살기 — 매일 수정 2. 일상 수정 — 목표 지향적입니까? 3. 목표에 미쳐라

오늘은 @tailwindcss 의 기초를 공부했습니다 . 사용하기 쉽고 배우기 쉽습니다.

영상 안보고 직접 만들어보겠습니다.

나중에 이 비디오를 보고 무엇이 React를 독특하게 만드는지 알아보세요.

친구와 함께 프로젝트를 진행하면서 도움이 되기 위해 더 많은 것을 배워야 했습니다. 내 연구로 연결되는 링크를 만들어야 합니다.

https://tailwindcss.com/

다음 js를 만들고 tailwind를 설치합니다. 나는 아직도 왜 next.JS <-를 사용하는지 이해하지 못합니다. 그것에 대해 배워야 합니다. next.JS가 유용한 이유는 무엇입니까?

npx create-next-app@latest
npm install -D tailwindcss
npx tailwindcss init

@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face{
  font-family: "burtons";
  src: url("../public/Burtons.otf");
}

import { IconName } from "react-icons/bs";

              <li><BsFillMoonStarsFill></BsFillMoonStarsFill></li>

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.{js.ts.jsx.tsx}",
    "./components/**/*.{js.ts,jsx,tsx}",
],
  theme: {
    extend: {},
  },
  plugins: [],
}

https://www.linkedin.com/in/yoon-ro-ab4838124/