개발 노트

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

오늘 진행예정목장상세정보 POST통신 수정 - 통신방식 및 렌더링 방식 수정이슈페이지 렌더링 및 필터링 기능 수정보완작업    현재 추가로 진행해야할 사항급이기 연결안될 시 목장주에게 문자보내기왼쪽컴포넌트 step에대한 상태가 업로드되지 않는 문제 수정필요왼쪽컴포넌트 step필터링기능 누락

오늘 진행예정상태값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기(로봇착유기 및 급이기)에러값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기 (로봇착유기 및 급이기) 목장상세정보 상태 렌더링목장상세정보 에러 렌더링목장상세정보 POST통신    현재 추가로 진행해야할 사항급이기 연결안될 시 목장주에게 문자보내기초기데이터 없을시 MQTT연결이 정상적으로 되지않는이슈

기존에 사용하려고 했던 버전React 19Nextjs 15antd 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-designDescription: Ant Design components are experiencing compatibility issues with the la..

오늘 진행예정상태값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기에러값 수신을 위한 클라이언트 mqtt설정 및 렌더링하기     CMAN 추후에 진행 예정로그인기능 연결클라이언트단 로그남기기(누가 접속했는지 저장로그)이미지 넣기(이슈처리내용) -> 관련 처리 시 작성과 관련된 레이아웃 변경 예정저장 시 시간이 오래 걸리는 문제(문자필터링 관련 코드 추가 후 속도 개선/리프레시 코드 추가 후 속도 개선)Maximum depth에러 처리i18n작업 진행중 maximum depth 다량 발생feed page에서 모달의 이슈항목이 보이지않는 문제feed페이지에서 새창누르면 원래 창이 빈화면이 뜨는 문제 (무시)feed페이지의 web 연결 시간 수정하기이슈페이지에서 목장별 필터링 기능에 localSetting..