현재 구현하고 있었던 기능이  Next.js에서  터치 이벤트 발생 시 옆으로 스와이프되는 기능을 구현하고 있었다.    에러 발생 내용   e.touches[0]에서 개체가 'undefined' 인 것 같다는 에러가 발생... 근데 작동은 잘됨.   // 스와이프 관련 핸들러 -> 터치 종료 지점 const handleTouchMove = (e: React.TouchEvent): void => { if (e.touches && e.touches.length > 0) { touchEndX.current = e.touches[0].clientX; } };  에러 해결 방법  널 병합 연산자를 사용해서 해결했다.   // 스와이프 관련 핸들러..

https://vercel.com/ Vercel: Build and deploy the best web experiences with the Frontend Cloud – VercelVercel's Frontend Cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.vercel.com  add new -> project를 누르면됨  여기서 배포할 프로젝트를 import  하면된다.    deploy 하기전에 프로젝트에서 build시에 오류가 있는지 확인하기 위해서 터미널에 npm run build로 확인해 준다.   이런식으로 에러가 발생하게 된다.    발생하..

📌 에러 발생 배포하기 전에 프로젝트에서 npm run build를 통해 확인해 보는데, 아래와 같은 에러가 발생했다.    이 문제는 해당 프로젝트에서 사용하고 있는 meterial-tailwind 에서 제공하는 태그들을 사용했을 때  이렇게 해당 태그에 필요한 프로퍼티들을 제공하지 않아서 발생하는 에러이다. 하지만 해당 속성들은 실제로 필요하지 않는 (코드만 길어짐) 것들이라 해결 방안은 1. 에러가 나는 모든 태그에 필수 프로퍼티들을 넣어주기  2. index.d.ts 파일을 만들어서  typecript는 이미 존재하는 라이브러리라도 강제로 타입 지정을 다시 해 줄 수 있음  그래서 두 번째 방법으로 에러 해결하였다.  🛠️ 에러 해결    declare module "@material-tail..

📌 에러 발생 배포하기 전에 프로젝트에서 npm run build를 통해 확인해 보는데, 아래와 같은 에러가 발생했다.    확인해 보니,   해당 프로젝트에서 사용중인 Meterial-tailwind-theme-provider에서 문제가 발생한거 같다.  찾아보니 나와 완전 똑같은 에러를 겪고 있는 사람을 찾았음 https://github.com/creativetimofficial/material-tailwind/issues/593: ERROR(TypeScript) Type 'ReactNode' is not assignable to type 'NonNullable'. · I" data-og-description="import { ThemeProvider } from '@material-tailwin..

React, vue, next.js까지 여러 프레임워크를 사용하니까 그런지 몰라.. 언제부터인가 html 태그가 자동완성 안돼.... 원래 div만 쳐도 닫는태그까지 자동완성 됐는데 말이지.. 그래서 찾아봤다. vsCode에서 f1을 누른 뒤에 기본 설정에 설정열기 (JSON)을 선택해야하는데 나는 UI밖에 뜨지 않아서 찾아보니 UI 클릭한 후에 오른쪽 상단에 있는 설정 열기를 클릭하면 된다고 함 드디어 세팅 창이 떴당 그리고 아래에 이 부분 추가하면 "emmet.includeLanguages": { "javascript": "javascriptreact" } } 이제 자동완성 뜬다 ㅠㅠ

https://moolgogiheart.tistory.com/88 이클립스 한글 깨짐/한글 오류 복구 이클립스 한글 깨짐/한글 오류 복구 이클립스로 작업을 하다보면 간혹가다 한글이나 특정 문자가 깨지는 현상을 볼 수 있습니다. 위와 같은 현상은 주로 인코딩이 'EUC-KR' 또는 'MS949'로 설정되어 moolgogiheart.tistory.com 위의 블로그와 같이 window -> preferences 에서 UTF-8로 변경