useForm + Quill Editor 사용 중 만난 한글 입력 이슈
Input Method Editor난 주로 에디터로 Quill Editor를 주로 이용한다.사용하기 간편했고 Image 업로드도 꽤나 편했기 때문에 사용 중이다. 근데 오늘 웹 사이트 개발 중 이상현상을 발견했다.use Form Hook + Quill Editor로 연동하여 폼 제출을 하는 중간에 이상하게 한글을 입력 하는 특정 순간에만 value가 반영
관련 게시물
[drizzle] 기본설정
Drizzle ORM다루어본 두번째 ORM이며, typeORM과 다르게 설정도 간편하였고 소규모 어플리케이션에 적합할 것 같은 ORM이었다.typeORM은 nest.js의 코드 패러다임과 매우 어울리기에 사용 되었지만,drizzle의 경우는 함수형으로 짜여있으며 일반 sql문과 함수의 순이 비슷하여 러닝커브가 많이 낮았다.하지만 늘 그렇듯 설정 부분이 헷갈
eslint pretter
ESLint - JS 문법을 검사하는 익스텐션 / Prettier - 코드의 비주얼? 을 신경써주는 익스텐션차이는, Eslint는 문법의 오류를 체킹 해주며, 프리티어는 코드의 품질 코드의 포멧을 정의하는 익스텐션,기본적으로 eslint는 문법 오류를 잡아주지만, 프리티어만큼 포멧팅을 세밀하게 신경쓰지 못한다.예로 코드의 길이를 80줄이상이면 줄바꿈한다고 가정한다면 Eslint도 간단한 컨벤션 포멧팅으로 콤마는 해주지만 줄바꿈 같은 포멧팅은 지원하지 않는다.기본적으로 JS의 오류는 Eslint에게 포멧팅은 prettier에게 전담하게 한다.[Vscode : setting.json]{ // VSCode의 기본 포맷터로 Prettier를 사용 "editor.defaultFormatter": "esbenp.prettier-vscode", // 파일 저장시 자동으로 포맷팅 적용 "editor.formatOnSave": true, // 파일 저장시 ESLint 규칙에 따라 자동
Next에서 환경변수 읽어오는 방법
env.local을 사용하는데 이상하게 환경변수를 전혀 못읽어왔다.api는DB_HOST=localhost // env.local 이렇게 해도 잘읽어오는데Front로직에서는 이상하게 안되는 현상이 있었는데 Next.js에서는 "NEXT_PUBLIC_" 접두사를 반영하면 해결된다.FRONT`${process.env.NEXT_PUBLIC_THIS_URL}/api