개발 노트

git은 단일 파일이 100mb를 초과하는경우에는 일반 commit으로는 진행이 어렵다

이때 무료로 2gb까지 지원하는 git lfs를 설치 및 사용하면 파일 업로드가 가능하다

https://newsight.tistory.com/330

https://miiingo.tistory.com/333

로컬에 설치

# git lfs 설치(git bash)
git lfs install
# git lfs가 추적할 파일 확장자 지정
git lfs track "*.zip"
# .gitattributes 생성
git add .gitattributes
# .gitattributes 확인
cat .gitattributes 
#*.zip filter=lfs diff=lfs merge=lfs -text

# git config 설정
git config lfs.allowincompletepush true

# git add/commit push 실행

서버에서 설치

https://packagecloud.io/github/git-lfs/install#bash-deb

curl -s https://packagecloud.io/install/repositories/github/git-lfs/script.deb.sh | sudo bash
sudo apt install git-lfs

# sudo 권한이 없을 경우
curl -s https://packagecloud.io/install/repositories/github/git-lfs/script.deb.sh | bash
apt install git-lfs

 lfs설정이 다 된뒤에 필요한곳에서 git clone으로 가져와야지만 lfs가 설정된 상태로 가져와짐!!!

기존에 clone으로 가져온 repo가 있다면 삭제 후 다시 가져오기

commit한개당 파일 용량이 누적으로 적용되므로 변화하는 데이터를 적용하면 용량이 많이 필요

제거방법

https://blog.syki66.com/2021/04/09/git-lfs-untrack/

npm config get registry

확인후 기본 레지스트리 아닐시 변경 필요

npm config set registry https://registry.npmjs.org/

https://github.com/vercel/next.js/discussions/38477

문제 원인:

Next js사용 중 자동완성 및 복사 붙여넣기, 포맷팅의 속도가 느려지는 현상 발생

해결:

vscode의 extension과의 충돌 발생 -> extension삭제 후 해결완료

• Auto Import 삭제
• GitLens 삭제
• live Server 삭제

현재 CMAN 남은 항목

• 회원가입 시 왼쪽에 사용자 리스트 출력 및 검색-id/이름 (관리자) →승인여부 추가 및 마무리
• 로봇 + 오렌지파이 목장주 문자보내기 기능 현재 누락

오늘 진행할 예정

• 회원가입 시 왼쪽에 사용자 리스트 출력 및 검색-id/이름 (관리자) →승인여부 추가 및 마무리
• 로봇 + 오렌지파이 목장주 문자보내기 기능 현재 누락

현재 CMAN 남은 항목

• 다중파일관련 항목 마무리 예정
• 로봇 + 오렌지파이 목장주 문자보내기 기능 현재 누락
• 회원가입 시 왼쪽에 사용자 리스트 출력 및 검색-id/이름 (관리자) →승인여부 추가

오늘 진행할 예정

• 다중파일관련 항목 마무리 예정
• 회원가입 시 왼쪽에 사용자 리스트 출력 및 검색-id/이름 (관리자) →승인여부 추가

★  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 <--- 3.x에서 필요

★ 6 - index.css
@layer tailwind-base, antd;
@layer tailwind-base {
  @tailwind base;
}
@tailwind components;
@tailwind utilities;

★ 7 - tailwind.config.js
export default { 
  content: ["./src/**/*.{html,js,jsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

★ 8 - vite.config.js ,  절대경로
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { resolve } from 'path';

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    react(),
  ],
  resolve: {
    alias: [
      { find: "@", replacement: "/src" },
      { find: "@components", replacement: "/src/components" },
      { find: "@headers", replacement: "/src/components/headers" },
      { find: "@pages", replacement: "/src/pages" },


      { find: '@', replacement: resolve(__dirname, 'src') },
      { find: '@pages', replacement: resolve(__dirname, 'src/pages') },
     
    ],
  },
  server: {
    port: 3000
  },
  preview: {
    port: 8080
  }
})

★ 9 - index.css
@layer tailwind-base, antd;
@layer tailwind-base {
  @tailwind base;
}
@tailwind components;
@tailwind utilities;

★ 10 - App.css -삭제

https://nextjs.org/docs/app/api-reference/file-conventions/error

특정 페이지 블록의 error를 지정 => error boundary

전체 에러페이지 global error