https://uiwjs.github.io/react-markdown-preview/ React Markdown Preview uiwjs.github.io - React Markdown Preview 라이브러리 마크다운, 코드블럭 등을 자동으로 만들어 주는 라이브러리다. 리액트에서는 사용하는데 문제가 없겠지만 Next.js 13에서 사용했을 때 작은 문제가 2가지 있었다. - 1번째 Module not found: (ESM packages .....) 에러 Next.js 공식문서를 보면 이와같은 경우에 아래와같이 해결하라고 나와있다. https://nextjs.org/docs/messages/import-esm-externals import-esm-externals | Next.js ESM package..

- 이벤트 핸들러 HTML 클릭시 코드 실행하는 법 버튼클릭시 이벤트를 발생시키려면 v-on:click을 사용해줘야한다. @click으로 축약할 수 도 있다. 직접 변수를 변화시켜줘도 되지만 methods에 함수를 만들어줘 사용하는게 일반적이고 함수안에서 변수를 조작할 시에 this키워드를 사용해 줘야한다. {{ a }} {{prices[i] }} 허위매물신고 신고수 : {{ alert[i] }} .......... data(){ return{ alert:[0,0,0], price1 : 60, price2 : 70, price3:80, prices:[60,70,80], 스타일 : 'color:blue', products: ["은평구원룸",'천호동원룸','마포구원룸'], 메뉴들 : ["Home","Shop..

약 400~500개의 라면 데이터가 있는데, 100개정도의 데이터는 사진파일이 존재하지 않았다. 그래서 사진파일이 없는경우, onError로 처리해주다가 500에러 문제로 좀더 근본적으로 처리하려고 했는데 현직 개발자 분에게 상담했더니 이런경우는 백엔드에서 데이터가 없는파일은 없다고 처리를 해주는게 맞다고 하신다. 근데 지금 프로젝트 진행과정상, 다시 데이터 정리하기도 시간이 얼마없고 백엔드 담당하는 친구가 거의 한명인 상황 급하게 사진파일이 없는 녀석을 처리해줄 필요가 있었다. 500에러를 신경쓰지 않으면 그냥 진행하면 되지만, 그 에러가 보기싫어 사진파일이 없는 데이터를 배열로 만들어주어 처리했다. 그 때 사용한 export문법 data.js let doc = [ "7가지 채소가득 우리밀라면.png"..