개발 노트

★  1 npm create vite@latest . -- --template react ★ 2 npm install -D tailwindcss@3 postcss autoprefixer ★ 3 - postcss.config.cjs module.exports = {   plugins: {     tailwindcss: {},     autoprefixer: {},   } } ★ 4 npm i antd ★ 5 npx tailwind init ★ 6 - index.css @layer tailwind-base, antd; @layer tailwind-base {   @tailwind base; } @tailwind components; @tailwind utilities; ★ 7 - tailwind.config..

https://nextjs.org/docs/app/api-reference/file-conventions/error File Conventions: error.js | Next.jsAPI reference for the error.js special file.nextjs.org  특정 페이지 블록의 error를 지정 => error boundary 전체 에러페이지 global error

1. react 프로젝트 만들기npm create vite@latest . -- --template react. 대신 원하는 프로젝트 명 을 가진 directory 생성가능latest 대신 원하는 버전 지정react 대신 vue나 기타 template 지정 2. tailwind 설치  공식문서>> https://tailwindcss.com/docs/installation/using-vitenpm i tailwindcss @tailwindcss/vite  3. vite.config.js 설정import { defineConfig } from 'vite'import tailwindcss from '@tailwindcss/vite'import react from '@vitejs/plugin-react'// ..

네비게이션의 이슈의 미해결 이슈 갯수 수정( 사용자가 설정한 옵션에 따라 변경되도록 수정)DBSetting의 컴포넌트 분리초기 로그인을 하지 않은 상태일때 에러처리 추가defaultSettingData의 util로의 분리antd tag의 event충돌 해결processIssue의 담당자 필터링 제거processIssue의 렌더링이 되지 않는 문제 해결processIssue의 이슈 작성부분 접기

https://inpa.tistory.com/entry/%F0%9F%8C%9F-css-where-is-has-not 🌟 CSS 선택자를 모던하게 :where() / :is() / :has() / :not():where() 가상 선택자 :where 의사 클래스 선택자는 css 코딩할때 선택자의 중복을 줄이는 데 도움이 되는 녀석이다. 예를들어 다음과 같이 여러 엘리먼트 안에 있는 anchor 태그에 hover 효과를 주기위inpa.tistory.com

이미지 파일 저장 시 기본적으로 알아야하는 파일 저장 형태 https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-Base64-Blob-ArrayBuffer-File-%EB%8B%A4%EB%A3%A8%EA%B8%B0-%EC%A0%95%EB%A7%90-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-%EC%89%BD%EA%B2%8C-%EC%84%A4%EB%AA%85 📁 Base64 / Blob / ArrayBuffer / File 다루기 총정리웹 개발을 진행하다 보면 이진 데이터를 다루어야 할 때를 간혹 마주칠 수 있다. 브라우저에선 주로 파일 생성, 업로드, 다운로드 또는 이미지 처리와 관련이 깊고, 서버 사이드인 node.js 에선 파inpa.tistor..