SMALL

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

 

LIST

'일반' 카테고리의 다른 글

next error boundary / global error  (0) 2025.02.12
vite + react 에 tailwind.css + antd 적용하기  (0) 2025.02.06
이미지 파일 DB저장 및 url호출  (0) 2024.12.30
React v19+Nextjs v15 vs antd 5.* 충돌  (0) 2024.12.16
next14 - next-auth v5  (0) 2024.12.09
SMALL

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

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

 

LIST

'일반' 카테고리의 다른 글

vite + react 에 tailwind.css + antd 적용하기  (0) 2025.02.06
CSS 최신문법(where/is/has/not)  (0) 2025.01.14
React v19+Nextjs v15 vs antd 5.* 충돌  (0) 2024.12.16
next14 - next-auth v5  (0) 2024.12.09
NextAuth 로그인  (0) 2024.12.03
SMALL

오늘 진행예정

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

 

 

 

 

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

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

'TODO' 카테고리의 다른 글

20240310 TODO  (0) 2025.03.10
20250204 ~20250205 TODO  (0) 2025.02.04
20241217 TODO  (0) 2024.12.17
20241216 TODO  (0) 2024.12.16
20241213 TODO  (0) 2024.12.16
SMALL

오늘 진행예정

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

 

 

 

 

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

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

'TODO' 카테고리의 다른 글

20250204 ~20250205 TODO  (0) 2025.02.04
20241220 TODO  (1) 2024.12.20
20241216 TODO  (0) 2024.12.16
20241213 TODO  (0) 2024.12.16
20241212 TODO  (0) 2024.12.12
SMALL

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

  • 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

 

LIST

'일반' 카테고리의 다른 글

CSS 최신문법(where/is/has/not)  (0) 2025.01.14
이미지 파일 DB저장 및 url호출  (0) 2024.12.30
next14 - next-auth v5  (0) 2024.12.09
NextAuth 로그인  (0) 2024.12.03
Next auth와 Bearer 토큰  (0) 2024.11.28
SMALL

오늘 진행예정

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

 

 

 

 

 

CMAN 추후에 진행 예정

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

 

LIST

'TODO' 카테고리의 다른 글

20241220 TODO  (1) 2024.12.20
20241217 TODO  (0) 2024.12.17
20241213 TODO  (0) 2024.12.16
20241212 TODO  (0) 2024.12.12
20241211 TODO  (0) 2024.12.11

+ Recent posts