
useForm + Quill Editor 사용 중 만난 한글 입력 이슈
Input Method Editor난 주로 에디터로 Quill Editor를 주로 이용한다.사용하기 간편했고 Image 업로드도 꽤나 편했기 때문에 사용 중이다. 근데 오늘 웹 사이트 개발 중 이상현상을 발견했다.use Form Hook + Quill Editor로 연동하여 폼 제출을 하는 중간에 이상하게 한글을 입력 하는 특정 순간에만 value가 반영
Input Method Editor난 주로 에디터로 Quill Editor를 주로 이용한다.사용하기 간편했고 Image 업로드도 꽤나 편했기 때문에 사용 중이다. 근데 오늘 웹 사이트 개발 중 이상현상을 발견했다.use Form Hook + Quill Editor로 연동하여 폼 제출을 하는 중간에 이상하게 한글을 입력 하는 특정 순간에만 value가 반영
ESLint - JS 문법을 검사하는 익스텐션 / Prettier - 코드의 비주얼? 을 신경써주는 익스텐션차이는, Eslint는 문법의 오류를 체킹 해주며, 프리티어는 코드의 품질 코드의 포멧을 정의하는 익스텐션,기본적으로 eslint는 문법 오류를 잡아주지만, 프리티어만큼 포멧팅을 세밀하게 신경쓰지 못한다.예로 코드의 길이를 80줄이상이면 줄바꿈한다고 가정한다면 Eslint도 간단한 컨벤션 포멧팅으로 콤마는 해주지만 줄바꿈 같은 포멧팅은 지원하지 않는다.기본적으로 JS의 오류는 Eslint에게 포멧팅은 prettier에게 전담하게 한다.[Vscode : setting.json]{ // VSCode의 기본 포맷터로 Prettier를 사용 "editor.defaultFormatter": "esbenp.prettier-vscode", // 파일 저장시 자동으로 포맷팅 적용 "editor.formatOnSave": true, // 파일 저장시 ESLint 규칙에 따라 자동
env.local을 사용하는데 이상하게 환경변수를 전혀 못읽어왔다.api는DB_HOST=localhost // env.local 이렇게 해도 잘읽어오는데Front로직에서는 이상하게 안되는 현상이 있었는데 Next.js에서는 "NEXT_PUBLIC_" 접두사를 반영하면 해결된다.FRONT`${process.env.NEXT_PUBLIC_THIS_URL}/api
7/27 오늘 게시물을 쓰다가 gif를 반영하였다. 근데..?엥? 난 파일용량을 이렇게 작게 해둔적이 없다.물론 검사를 한다 해도 5MB로 설정해두었는데 계속 서버는 뱉어내고 있었다.CORS??? 왜????난 분명 express에 cors() 허용해두었다. 근데 찾아보니 nginx는 기본으로 업로드 파일의 크기를 1MB로 제한한다고 한다그래서 간만에 EC2