개발 노트

윈도우즈 nul, con 파일 삭제

관리자 — Fri, 29 Aug 2025 13:38:39 +0900

Windows에서는 NUL, CON, PRN, AUX, COM1~9, LPT1~9 같은 이름이 장치 파일로 예약되어 있어서, 일반 파일처럼 삭제하려고 하면 잘못된 MS-DOS 함수입니다 오류가 발생한다.

해결 방법

1. 명령 프롬프트에서 강제 삭제

관리자 권한 CMD 실행 후:

del \\?\C:\path\to\folder\nul

2. PowerShell 이용

PowerShell(관리자)에서:

Remove-Item -LiteralPath "\\?\C:\path\to\folder\nul" -Force

3. 파일 탐색기에서 우회

ren 명령으로 이름을 바꾸고 삭제 시도:
ren \\?\C:\path\to\folder\nul normal.txt del \\?\C:\path\to\folder\normal.txt

4. Linux/WSL이나 도구 활용

WSL(Ubuntu)에서 해당 폴더로 접근 후 rm nul 실행.
git bash를 설치한 후 관리자 권한으로 실행 rm nul 실행.

정리

NUL은 원래 윈도우의 가상 장치라 삭제가 막히는 것.
\\?\ 접두사를 붙여서 Win32 예약 이름 무효화를 하면 삭제 가능.

Hydration 오류

관리자 — Sat, 26 Jul 2025 12:34:09 +0900

● Hydration 오류는 Next.js와 React에서 발생하는 일반적인 문제입니다.

  Hydration이란?

  Hydration은 서버에서 렌더링된 정적 HTML을 클라이언트에서 React 컴포넌트로
   "활성화"하는 과정입니다.

  1. 서버: HTML 생성 → 브라우저로 전송
  2. 브라우저: HTML 표시 (정적 상태)
  3. React: JavaScript 로드 후 HTML에 이벤트 연결 (Hydration)

  Hydration 오류가 발생하는 경우

  1. 시간/날짜 표시

  // ❌ 문제: 서버와 클라이언트 시간이 다름
  <div>{new Date().toLocaleString()}</div>
  // 서버: "2025-07-26 12:26:14"
  // 클라이언트: "2025-07-26 12:26:17" (3초 후)

  // ✅ 해결: useEffect 사용
  const [time, setTime] = useState('');
  useEffect(() => {
    setTime(new Date().toLocaleString());
  }, []);

  2. Math.random() 사용

  // ❌ 문제: 서버와 클라이언트의 랜덤값이 다름
  <div>{Math.random()}</div>

  // ✅ 해결: useEffect 사용
  const [random, setRandom] = useState(0);
  useEffect(() => {
    setRandom(Math.random());
  }, []);

  3. 브라우저 전용 API 사용

  // ❌ 문제: window는 서버에 없음
  <div>{window.innerWidth}px</div>

  // ✅ 해결: useEffect 사용
  const [width, setWidth] = useState(0);
  useEffect(() => {
    setWidth(window.innerWidth);
  }, []);

  4. 조건부 렌더링

  // ❌ 문제: localStorage는 서버에 없음
  {localStorage.getItem('user') && <UserMenu />}

  // ✅ 해결: useEffect 사용
  const [user, setUser] = useState(null);
  useEffect(() => {
    setUser(localStorage.getItem('user'));
  }, []);

  오류가 문제가 되는 이유

  1. 사용자 경험 저하: 깜빡임, 레이아웃 변경
  2. 성능 문제: React가 전체 DOM을 다시 렌더링
  3. SEO 영향: 검색 엔진이 잘못된 콘텐츠 인덱싱

  디버깅 방법

  // suppressHydrationWarning 사용 (임시 해결책)
  <div suppressHydrationWarning>
    {new Date().toLocaleString()}
  </div>

  // 또는 동적 import 사용
  const DynamicComponent = dynamic(
    () => import('./TimeComponent'),
    { ssr: false }
  );

vite 6 + react 19 에 tailwind.css 4 + antd 5.24 적용하기

관리자 — Tue, 15 Apr 2025 10:09:23 +0900

npm i tailwindcss

vite.config.js

import path from "path"

import { fileURLToPath } from 'url'

import tailwindcss from "@tailwindcss/vite"

import react from "@vitejs/plugin-react"

import { defineConfig } from "vite"

const __dirname = path.dirname(fileURLToPath(import.meta.url))

// https://vite.dev/config/

export default defineConfig({

plugins: [react(), tailwindcss()],

resolve: {

alias: {

"@": path.resolve(__dirname, "./src"),

})

tailwind.config.js

/** @type {import('tailwindcss').Config} */

export default {

darkMode: 'class',

content: [

"./index.html",

"./src/**/*.{js,jsx,ts,tsx}",

theme: {

extend: {

colors: {

primary: {

50: '#f0f9ff',

100: '#e0f2fe',

200: '#bae6fd',

300: '#7dd3fc',

400: '#38bdf8',

500: '#0ea5e9',

600: '#0284c7',

700: '#0369a1',

800: '#075985',

900: '#0c4a6e',

950: '#082f49',

}

plugins: [],

}

index.css

@import "tailwindcss";

npm i registry 관련 404 error

한츄 — Thu, 3 Apr 2025 13:35:56 +0900

레지스트리 설정 확인

npm config get registry

공식레지스트리가 아닐시 변경

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

캐시제거

npm cache clean --force

노드모듈 설치

npm i

apt 리스트 확인 삭제

한츄 — Wed, 26 Mar 2025 16:03:57 +0900

1. 설치 가능한 패키지 검색

$ apt list 패키지명

$ apt list zip*

2. 설치된 패키지 검색

$ apt --installed list

$ apt --installed list *jdk*

3. 설치된 패키지 삭제

$ apt remove openjdk*

# 완전삭제
$ sudo apt --purge remove [패키지이름]
# or
$ sudo purge remove [패키지이름]

4. 관련 패키지 삭제

# 패키지검색
$ dpkg --list | grep [패키지 이름]
# 패키지 삭제
$ sudo dpkg --purge [패키지 이름]

https://velog.io/@coral2cola/Ubuntu-%ED%8C%A8%ED%82%A4%EC%A7%80-%EC%82%AD%EC%A0%9C%ED%95%98%EA%B8%B0

Ubuntu 패키지 삭제하기

Ubuntu에서 기존에 설치했던 패키지를 설정파일까지 완전히 삭제하려면 어떻게 해야할까?

velog.io

linux 파일 분할 압축 후 해제

한츄 — Wed, 26 Mar 2025 15:57:54 +0900

unzip과 zip사용시 분할압축된 파일을 zip으로 다시 합치고 unzip해야하므로 번거로움

7z 설치

# ubuntu
sudo apt install p7zip-full

7z로 압축 해제

7za x test.zip

특정 디렉토리에 압축해제할때

7za x test.zip o.test

https://iambeginnerdeveloper.tistory.com/175

Ubuntu | .7z 파일 압축 해제하기, Ubuntu .7z file unzip | 리눅스, p7zip(7-Zip) 사용

이때까지 마주한 압축 파일 포맷은 .zip과 .tar이 전부였는데 이번에 .7z라는 파일을 마주하게 되었다. p7zip는 리눅스에서 사용할 수 있는 7-Zip이며 압축률이 높아서 zip이나 tgz보다 작은 파일을 만

iambeginnerdeveloper.tistory.com

git lfs (Large File System) 설치 및 동작하기

한츄 — Tue, 25 Mar 2025 15:13:53 +0900

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

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

https://newsight.tistory.com/330

Git LFS (Large File Storage) 사용하기

Git의 용량제한과 LFS기본적으로 git은 여러개의 작은 소스코드 파일들을 위한 버전 컨트롤 시스템(VCS)이다. 따라서 Github의 경우 50Mb부터 Warning이 표시되고, 100Mb부터는 push시 Error가 발생한다. 그럼

newsight.tistory.com

https://miiingo.tistory.com/333

[Git] Ubuntu 16.04에서 Git LFS(Large File Storage) 사용법

Git LFS란? 프로젝트를 GitLab에 올리려고 했더니 다음과 같은 오류가 발생했다. remote: GitLab: LFS objects are missing. Ensure LFS is properly set up or try a manual "git lfs push --all". To http://localhost:9010/honeybee/issuer-rest

miiingo.tistory.com

로컬에 설치

# 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

github/git-lfs - Installation · packagecloud

Installation instructions for the github/git-lfs package repository.

packagecloud.io

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/

[git lfs untrack] 깃, lfs 추적 해제, 원격 저장소 lfs 저장공간 확보 | syki66 blog

How to untrack git lfs files

blog.syki66.com

npm config get registry

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

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

next.js vscode 성능 저하 , 속도 느림

한츄 — Wed, 19 Mar 2025 14:31:30 +0900

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

Nextjs project is very slow to save file in VS Code · vercel next.js · Discussion #38477

I am building the project with nextjs and antd, in VS Code it is very slow every time I save the file. I don't know why this is happening, does anyone know how to fix this?

github.com

문제 원인:

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

해결:

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

Auto Import 삭제
GitLens 삭제
live Server 삭제

20250311

한츄 — Tue, 11 Mar 2025 13:02:08 +0900

현재 CMAN 남은 항목

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

오늘 진행할 예정

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

20240310 TODO

한츄 — Mon, 10 Mar 2025 09:48:45 +0900

현재 CMAN 남은 항목

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

오늘 진행할 예정

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

vite 6 + react 19 에 tailwind.css 3.4 + antd 5.24 적용하기

관리자 — Mon, 24 Feb 2025 16:01:49 +0900

★  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 -삭제

vite 6 + react 19 에 tailwind.css 3.4 + antd 5.24

next error boundary / global error

한츄 — Wed, 12 Feb 2025 15:02:38 +0900

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

File Conventions: error.js | Next.js

API reference for the error.js special file.

nextjs.org

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

전체 에러페이지 global error

vite + react 에 tailwind.css + antd 적용하기

한츄 — Thu, 6 Feb 2025 11:52:18 +0900

1. react 프로젝트 만들기

npm create vite@latest . -- --template react

. 대신 원하는 프로젝트 명 을 가진 directory 생성가능
latest 대신 원하는 버전 지정

react 대신 vue나 기타 template 지정

2. tailwind 설치 공식문서>> https://tailwindcss.com/docs/installation/using-vite

npm i tailwindcss  @tailwindcss/vite

3. vite.config.js 설정

import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
import react from '@vitejs/plugin-react'

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    react(),
    tailwindcss(),
  ],
})

4. src/App.css 설정

@import "tailwindcss";

5. src/App.jsx 에 App.css import

import { useState } from 'react'
import './App.css'

function App() {

  return (
    <>
      <h1 className="text-red-500 text-3xl font-bold underline">
        Hello world!
      </h1>
    </>
  )
}

export default App

6. vite port변경 server default > 5173/ preview default > 4173 (필요 시) >>>> https://ko.vite.dev/config/preview-options.html#preview-port

import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
import react from '@vitejs/plugin-react'

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    react(),
    tailwindcss(),
  ],
  server: {
    port: 3000
  },
  preview: {
    port: 8080
  }
})

7. antd설치

npm i antd

8. tailwind + antd 적용하기 App.css 적용 전에 antd css 먼저 적용

@import 'antd/dist/reset.css';
@import "tailwindcss";

20250204 ~20250205 TODO

한츄 — Tue, 4 Feb 2025 15:32:44 +0900

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

CSS 최신문법(where/is/has/not)

한츄 — Tue, 14 Jan 2025 14:21:35 +0900

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

이미지 파일 DB저장 및 url호출

한츄 — Mon, 30 Dec 2024 13:55:12 +0900

이미지 파일 저장 시 기본적으로 알아야하는 파일 저장 형태

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.tistory.com

hook을 이용한 data저장

https://zindex.tistory.com/365

[React] React Quill 에디터 라이브러리 사용 3-이미지 처리/편집 완료 ✨(feat.react-quill-new)

[관련 정리 리스트]React Quill 1-에디터 사용React Quill 2-이미지처리(편집중/참고만)React Quill 3-이미지처리(편집완료/사용)React Quill 4-이미지 리사이즈위 목록 중 2와 같이 에디터 편집 중일때 이미

zindex.tistory.com

20241220 TODO

한츄 — Fri, 20 Dec 2024 16:59:38 +0900

오늘 진행예정

목장상세정보 POST통신 수정 - 통신방식 및 렌더링 방식 수정
이슈페이지 렌더링 및 필터링 기능 수정보완작업

현재 추가로 진행해야할 사항

급이기 연결안될 시 목장주에게 문자보내기
왼쪽컴포넌트 step에대한 상태가 업로드되지 않는 문제 수정필요
왼쪽컴포넌트 step필터링기능 누락

20241217 TODO

한츄 — Tue, 17 Dec 2024 18:13:57 +0900

오늘 진행예정

~~상태값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기(로봇착유기 및 급이기)~~
~~에러값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기 (로봇착유기 및 급이기)~~
목장상세정보 상태 렌더링
목장상세정보 에러 렌더링
목장상세정보 POST통신

현재 추가로 진행해야할 사항

급이기 연결안될 시 목장주에게 문자보내기
초기데이터 없을시 MQTT연결이 정상적으로 되지않는이슈

React v19+Nextjs v15 vs antd 5.* 충돌

한츄 — Mon, 16 Dec 2024 18:03:15 +0900

기존에 사용하려고 했던 버전

React 19
Nextjs 15
antd 5.*

=> antd와의 호환이 정상적으로 이루어지지 않아서 에러메세지 발생

antd뿐만아니라 mui와의 호환성 이슈도 있음

React19로 업그레이드 되면서 직접적인 ref access가 제거됨 => 에러발생

React 18/Next14로 다운그레이드

https://github.com/ant-design/ant-design/issues/51458

Compatibility with React 19 and Next.js 15 · Issue #51458 · ant-design/ant-design

Description: Ant Design components are experiencing compatibility issues with the latest versions of React and Next.js: React Version: 19 (released April 2024) Next.js Version: 15 These issues aris...

github.com

20241216 TODO

한츄 — Mon, 16 Dec 2024 17:51:37 +0900

오늘 진행예정

상태값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기
에러값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

20241213 TODO

한츄 — Mon, 16 Dec 2024 17:51:16 +0900

오늘 진행예정

상태값 전송하는 mqtt발신 프로그램 만들기(~~MQTT발신 / 기기별 상태 체크 및 문자발신기능~~)
상태값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기
에러값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

20241212 TODO

한츄 — Thu, 12 Dec 2024 08:57:55 +0900

오늘 진행예정

상태값 전송하는 mqtt발신 프로그램 만들기(~~MQTT발신~~ / 기기별 상태 체크 및 문자발신기능)
상태값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기
에러값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

20241211 TODO

한츄 — Wed, 11 Dec 2024 09:20:16 +0900

오늘 진행예정

상태값 전송하는 mqtt발신 프로그램 만들기(일부 구현)
상태값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기
~~에러값 저장 후 발신하는 mqtt발신 프로그램 만들기~~
에러값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

20241210 TODO

한츄 — Tue, 10 Dec 2024 09:26:12 +0900

오늘 진행예정

~~로그인 라우팅 에러 수정~~
상태값 전송하는 mqtt발신 프로그램 만들기
상태값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

next14 - next-auth v5

한츄 — Mon, 9 Dec 2024 16:49:51 +0900

https://velog.io/@youngjun625/Next.js14-NextAuth-v5%EB%A1%9C-%EC%9D%B8%EC%A6%9D-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0-2-SessionUpdate

[Next.js14] NextAuth v5로 인증 구현하기 (2) - Session/Update

Next.js 14과 NextAuth v5을 사용하면서 삽질하며 배운 것의 기록. 2편에서는 Session 호출과 세션을 업데이트 하는 방법에 대해 다룬다

velog.io

https://velog.io/@bnb8419/nextAuth

Next Auth V5

Next Auth 기본 사용법

velog.io

https://velog.io/@hayoung78/NextJS-NextAuth%EB%A1%9C-%EC%86%8C%EC%85%9C%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%84-%ED%95%98%EA%B3%A0-%EB%82%9C-%ED%9B%84-%EA%B4%80%EB%A6%AC

[NextJS] NextAuth로 소셜로그인 구현, 그리고?

처음으로 백엔드분과 디자이너분이랑 협업하면서 만든 프로젝트 YeoGi에서 나는 회원가입 쪽을 맡게되었다. > 사용기술 : Typescript , NextJS NextJs를 처음 써봐서 처음 로그인, 회원 가입 로직은 클라

velog.io

20241209 TODO

한츄 — Mon, 9 Dec 2024 10:35:18 +0900

오늘 진행예정

next-auth를 이용한 로그인 로그아웃 구현(일부 구현)
상태값 전송하는 mqtt발신 프로그램 만들기
상태값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

20241206 TODO

한츄 — Fri, 6 Dec 2024 09:18:54 +0900

오늘 진행예정

next-auth를 이용한 로그인 로그아웃 구현(일부 구현)
~~회원가입 페이지 구현(페이지 및 api생성)~~
상태값 전송하는 mqtt발신 프로그램 만들기
상태값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

20241205 TODO

한츄 — Fri, 6 Dec 2024 09:16:41 +0900

오늘 진행예정

클라이언트 레이아웃 구성 및 버전 호환성 맞추기
i18n 적용하기
라우팅 적용하기 + nav만들기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

20241204 TODO

한츄 — Fri, 6 Dec 2024 09:15:43 +0900

오늘 진행예정

~~로그인 작업을 위한 더미데이터 만들기~~
~~클라이언트 및 노드 기초작업 진행하기~~

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

NextAuth 로그인

한츄 — Tue, 3 Dec 2024 10:18:18 +0900

https://velog.io/@jae_han_e/next-auth-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%841

NextAuth 로그인 구현(1) - 프로젝트 생성 및 Prisma 설정

이전 글에서 작성했던 next-auth 내용을 바탕으로 실제 로그인 서비스를 구현해보고자 한다.프로젝트 생성에서부터 Prisma 설정, Email & PW 로그인, 카카오 & 네이버 로그인, 쿠키설정 등 차례대로 진

velog.io

https://velog.io/@jae_han_e/naxt-auth-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%842

NextAuth 로그인 구현(2) - 회원가입, 아이디 로그인

Next.js 앱에서 내부 API를 사용하려면 /app/api 경로에 로직을 구현하면 된다.13 버전부터는 API 파일은 route.js 로 명명해야 한다.app/api/user/route.ts 파일을 만들고https://localhost:3000/api/us

velog.io

https://velog.io/@jae_han_e/next-auth-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%843

NextAuth 로그인 구현(3) - 유효성 검사(with JWT token)

/app/api/user/\[id] 경로에 route.ts 파일을 만들어 준다.API 에서도 페이지와 같이 Dynamic Route 를 사용할 수 있다.여기서는 \[id] 값을 slug로 사용한다.findMany 는 조건과 일치하는 데이터들을 전부 가져오

velog.io

https://velog.io/@jae_han_e/naxt-auth-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%844

NextAuth 로그인 구현(4) - 커스텀 로그인 페이지

NextAuth는 로그인, 로그아웃, 에러 등 간단한 인증 페이지를 제공해 준다.기본으로 제공하는 화면들을 커스텀 페이지로 대체할 수 있는데, pages:{} 를 사용하면 된다./app/(beforeLogin)/signin 경로에 파

velog.io

https://velog.io/@jae_han_e/next-auth-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%845

NextAuth 로그인 구현(5) - 카카오 로그인

Next-Auth란? 에서 정리한 내용과 같이, Next-Auth 는소셜 로그인을 간편하게 구현할 수 있도록 다양한 Provider를 제공해준다.먼저, 가장 많이 사용되는 카카오 아이디 로그인 부터 적용해보고자 한다.

velog.io

https://velog.io/@jae_han_e/next-auth-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%846

20241203 TODO

한츄 — Tue, 3 Dec 2024 09:11:28 +0900

오늘 진행예정

~~테이블 및 프로시저 수정~~
~~태스크 리스트 작성~~
~~태스크 리스트에 맞는 일정 작성~~
로그인 작업을 위한 더미데이터 만들기
클라이언트 및 노드 기초작업 진행하기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

20241202 TODO

한츄 — Mon, 2 Dec 2024 10:35:38 +0900

오늘 진행예정

~~테이블 구조 생성~~
~~프로시저 생성~~

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

Next auth와 Bearer 토큰

한츄 — Thu, 28 Nov 2024 10:51:56 +0900

https://velog.io/@zooyaho/NextAuth%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%9C-%EC%9D%B8%EC%A6%9D-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0

NextAuth를 사용한 인증 구현하기

NextAuth는 Next.js 프로젝트에서 인증을 쉽게 구현할 수 있게 도와주는 라이브러리입니다. 이 포스트에서는 pages/api/auth/\[...nextauth].ts 파일에 대한 설명을 중점적으로 다룰 예정입니다.NextAuth의 설정

velog.io

https://iu-corner.tistory.com/entry/JWT-%EC%9D%B8%EC%A6%9D%ED%86%A0%ED%81%B0-Bearer-%ED%86%A0%ED%81%B0%EC%97%90-%EA%B4%80%ED%95%98%EC%97%AC

JWT 인증토큰, Bearer 토큰에 관하여.. for Node Express.

JWT 인증토큰, Bearer 토큰에 관하여.. for Node Express. JWT 란, JWT(Json Web Token)은 클라이언트와 서버 혹은 서비스 간의 통신시 정보를 JSON 객체를 통해 안전하게 전송하고 권한(Authorization)을 위해 사용하

iu-corner.tistory.com

IT프로젝트 기획

한츄 — Thu, 28 Nov 2024 09:22:22 +0900

https://m.blog.naver.com/seonsin25/222220842175

[IT프로젝트] IT프로젝트 기획 단계

블로그의 TEXT 기반의 정보 전달이 한계가 있어, 좀 더 원할한 소통을 위해서 블로그와 함께 유튜브 채...

blog.naver.com

20241128 TODO

한츄 — Thu, 28 Nov 2024 09:21:54 +0900

오늘 진행예정

CMAN관련 단어 나열
기능 구체화

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

20241127 TODO

한츄 — Wed, 27 Nov 2024 09:19:08 +0900

오늘 진행예정

CMAN리뉴얼 관련 수정 보완사항 메모 및 정리하기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

NEXT.js build 시 API호출이 정상적으로 이루어지지 않는 이슈

한츄 — Tue, 26 Nov 2024 10:48:14 +0900

https://nextjs.org/docs/app/api-reference/file-conventions/route-segment-config

File Conventions: Route Segment Config | Next.js

Learn about how to configure options for Next.js route segments.

nextjs.org

next.js에서는 route segment와 관련된 방식이 여러가지 있는데 기본적으로는 ' auto'로 설정되어 있다

npm run dev에서는 정상적으로 api호출 시 변경된 값이 잘 반영이 되는데

npm build후 start를 진행하면 api호출값이 고정되며 변경되지 않는 이슈가 발생

이를 방지하기 위해 layout.jsx | page.jsx | route.jsx(.js|.tsx|.ts가능) 에 다음 값을 넣어준다

export const dynamic = 'force-dynamic'
// 'auto' | 'force-dynamic' | 'error' | 'force-static'

처리하고 나면 build후에도 정상적으로 api통신이 이루어지는 것을 확인할 수 있다

20241126 TODO

한츄 — Tue, 26 Nov 2024 10:41:20 +0900

오늘 진행예정

~~산란계프로그램 첫화면 에러 발생 확인하기 ->10시 30분해결완료~~
~~경비처리 엑셀작업~~
CMAN리뉴얼 관련 수정 보완사항 메모 및 정리하기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

20241122 TODO

한츄 — Fri, 22 Nov 2024 09:41:49 +0900

오늘 진행예정

~~양계프로그램 전체적인 기능테스트 및 동작체크(반응형 레이아웃테스트 완료)~~
~~양계프로그램 api통신테스트 + 프로시저 체크~~
~~양계프로그램 서버의 전체 데이터 밀고 더미데이터 만들기~~
~~양계프로그램 로직 및 데이터베이스 설명 문서 만들기~~
~~1년 총 결산 문서만들기~~
~~CMAN 및 양계프로그램 로직 설명 적기~~
~~주간업무일지 작성~~

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

20241121 TODO

한츄 — Thu, 21 Nov 2024 09:05:14 +0900

오늘 진행예정

양계프로그램 프로시저 수정 작업- 예정시간
1. 농장정보 페이지 레이아웃 수정-> 미해결
2. 농장정보 페이지 전체 페이지값을 가져오는 api추가하기
CMAN 및 양계프로그램 로직 설명 적기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

20241120 TODO

한츄 — Wed, 20 Nov 2024 09:33:34 +0900

오늘 진행예정

양계프로그램 프로시저 수정 작업- 예정시간
1. ~~입추관리 입력시 기본관리에 초기값 자동등록 에러 확인 10시~~ -> 11시 30분 종료 (api 및 프로시저 조건 추가)
2. ~~자동 eggDaily호출 프로시저 node적용완료 11시 50분~~-> 12시 30분 종료
3. ~~토탈 생존수수 구하기 11시~~ -> 12시 30분 종료
4. ~~산란율 구하기 11시 30분~~ -> 12시 30분 종료
5. ~~선란기 및 산란능력 페이지의 에러 수정~~ -> 3시 종료
6. 농장정보 페이지 레이아웃 전체수정 -> 미해결
CMAN 및 양계프로그램 로직 설명 적기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

20241113 TODO

한츄 — Wed, 13 Nov 2024 10:27:28 +0900

오늘 진행예정

양계프로그램 아이콘 및 CSS 일부 수정
CMAN 버그 수정( node - 미래에서 수신된 데이터도 수신할 수있도록 수정/ client-mssql데이터가 정상수신되지않음)

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
i18n작업 진행중 maximum depth 다량 발생
feed page에서 모달의 이슈항목이 보이지않는 문제
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
feed페이지의 web 연결 시간 수정하기
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기
지도 렌더링
오렌지파이 문자보내는 로직 수정(현재 하드코딩 -> 농장주 번호+사료회사에 문자보내기 // netbird 체크 및 기기상태 체크하는 로직으로)

SELECT A.userNm, C.compNm, A.phone, B.compCd 
FROM tblUser A 
       INNER JOIN (
          SELECT compCd FROM tblCompCorp WHERE flagYN='Y' AND corpCompCd='3543'
         UNION ALL 
         SELECT compCd FROM tblCompany WHERE flagYN='Y' AND compCd='3543'
      ) B ON A.compCd=B.compCd 
LEFT JOIN tblCompany C
ON A.compCd = C.compCd
WHERE 
B.compCd<> 3321 AND
A.flagYN='Y' AND A.smsYN='Y' AND A.phone<>''

next-auth

한츄 — Thu, 31 Oct 2024 22:29:57 +0900

https://velog.io/@s_soo100/Next.js-13Next.js-13.2%EB%B2%84%EC%A0%BC%EC%97%90-Next-auth-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0

[Next.js 13]Next.js 13.2버젼에 Next-auth 구현하기(+ 네이버 소셜 로그인)

넥스트JS 13.2 버젼 이상일 때, next-auth를 통해 app폴더에서 next-auth로 네이버 소셜 로그인을 해보자

velog.io

https://next-auth.js.org/getting-started/client

Client API | NextAuth.js

The NextAuth.js client library makes it easy to interact with sessions from React applications.

next-auth.js.org

20241015 TODO

한츄 — Tue, 15 Oct 2024 09:03:12 +0900

오늘 진행예정

양계프로그램 프로시저만들기
시설정보 페이지 구현하기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
메모리 대량 사용부분 - 9와 연관성?
i18n작업 진행중 maximum depth 다량 발생
지도 렌더링
feed page에서 모달의 이슈항목이 보이지않는 문제
i18n 처리
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기

20241014 TODO

한츄 — Mon, 14 Oct 2024 09:31:28 +0900

오늘 진행예정

~~양계프로그램 테이블 구조 작업 마무리 하기(반드시!)~~
양계프로그램 프로시저만들기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
메모리 대량 사용부분 - 9와 연관성?
i18n작업 진행중 maximum depth 다량 발생
지도 렌더링
feed page에서 모달의 이슈항목이 보이지않는 문제
i18n 처리
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기

20241011 TODO

한츄 — Fri, 11 Oct 2024 09:52:11 +0900

오늘 진행예정

~~SYNC프로그램 로직 수정(문자모듈 수정)~~
양계프로그램 테이블 구조 작업 마무리 하기
양계프로그램 프로시저만들기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
메모리 대량 사용부분 - 9와 연관성?
i18n작업 진행중 maximum depth 다량 발생
지도 렌더링
feed page에서 모달의 이슈항목이 보이지않는 문제
i18n 처리
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기

20241010 TODO

한츄 — Fri, 11 Oct 2024 09:51:50 +0900

오늘 진행예정

~~SYNC프로그램 로직 수정(에러발생 시 문자 발신 한건만 하도록 수정+ 문자모듈 수정)~~
양계프로그램 테이블 구조 작업 마무리 하기
양계프로그램 프로시저만들기

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
메모리 대량 사용부분 - 9와 연관성?
i18n작업 진행중 maximum depth 다량 발생
지도 렌더링
feed page에서 모달의 이슈항목이 보이지않는 문제
i18n 처리
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기

20241008 TODO

한츄 — Tue, 8 Oct 2024 16:09:20 +0900

오늘 진행예정

양계프로그램 테이블 구조 작업 마무리 하기
양계프로그램 프로시저만들기
~~i18n업데이트 후 에러수정(진행 중 보류)~~

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
메모리 대량 사용부분 - 9와 연관성?
i18n작업 진행중 maximum depth 다량 발생
지도 렌더링
feed page에서 모달의 이슈항목이 보이지않는 문제
i18n 처리
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기

20241004 TODO

한츄 — Fri, 4 Oct 2024 09:27:16 +0900

오늘 진행예정

양계프로그램 테이블 구조 작업 마무리 하기
양계프로그램 프로시저만들기
~~CMAN i18n작업 마무리(현재 클라이언트 연동 작업진행중)~~
CMAN i18n scanner작업
~~receiver작업 farmName가져오기 추가 및 마무리 테스트(시작 시 mqtt발신 기능 추가 예정)~~

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
메모리 대량 사용부분 - 9와 연관성?
지도 렌더링
feed page에서 모달의 이슈항목이 보이지않는 문제
i18n 처리
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기

20241002 TODO

한츄 — Fri, 4 Oct 2024 09:16:50 +0900

오늘 진행예정

~~sync프로그램 완료(로직 전체 수정)~~
~~CMAN에러확인(브랜치 새로 파서 확인작업 진행중 - 원인 못 찾고 마무리)~~
CMAN i18n작업 마무리(현재 클라이언트 연동 작업진행중)
CMAN i18n scanner작업

CMAN 추후에 진행 예정

로그인기능 연결
클라이언트단 로그남기기(누가 접속했는지 저장로그)
이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정
저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)
Maximum depth에러 처리
메모리 대량 사용부분 - 9와 연관성?
지도 렌더링
feed page에서 모달의 이슈항목이 보이지않는 문제
i18n 처리
feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)
이슈페이지에서 목장별 필터링 기능에 localSetting옵션의 영향 받게하기