BIBLIYA 개발 노트 LV_1

✔ React ✔ Redux Toolkit ✔ Typescript ✔ Tailwind CSS 1. 기본 세팅 npx create-react-app@latest app이름 --template typescript yarn add @reduxjs/toolkit yarn add react-redux npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p //tailwind.config.js /** @type {import('tailwindcss').Config} */ module.exports = { content: ["./src/**/*.{js,jsx,ts,tsx}"], theme: { extend: {}, }, plugins: [], ..

React Text Editor Quill 사용할 때 toolbar가 두 번 호출 될 때 해결 방법 2가지 1. index.js에서 React.StrictMode를 없앤다. import React from "react"; import ReactDOM from "react-dom/client"; import App from "./App"; const root = ReactDOM.createRoot(document.getElementById("root")); root.render( ); 2. useCallback과 ref를 사용해서 설정해 준다. import React, { useCallback } from "react"; import Quill from "quill"; import "quill/dist/q..

Pages 폴더 pages 폴더에 파일을 만들면 nextjs가 알아서 라우팅을 해주도록 되어있다. 그렇게 때문에 파일 이름이 가장 중요하다. 파일 이름이 바로 /url로 들어가지만 파일 안 component의 이름은 중요하지 않다. 하지만 중요한 건 export default 상태여야 한다. 파일 이름이 about.js면 /about about-us.js면 /about-us /페이지가 없는 url을 치게 되면 자동적으로 nextjs에서 404 에러를 띄워준다. index - 제일 기본 페이지 ( "/" ) Static Pre Rendering creact react app은 client-side render를 하는 앱을 만든다. client-side의 뜻은 브라우저가 유저가 보는 UI를 만드는 모든 것을..