Kimyeongkyung

특수문자 관련한 정규표현식 검사 코드를 추가했는데 위와 같이 ESLint 관련된 에러가 발생. build는 문제없으나, 빨간줄을 없애고 싶어서 알아본 결과 정규표현식이 올바르게 입력됐다는 걸 가정하에 ESLint가 에러로 잡지 않게 만들면 된다고 함 변수로 지정한 정규표현식 윗 줄에 ESLint가 에러로 잡지 않도록 // eslint-disable-next-line 을 추가하면 에러로 처리되지 않고 실행됨

검색창에서 괄호를 검색했을 때 에러가 나는 상황을 맞이했다. 이유를 찾아보니 HTML을 정규표현식으로 파싱하는 것 자체가 흔치 않은 일인 것 같았다. 특히 HTML, CSS와 같이 무한하게 열릴 수 있는 태그나 괄호가 존재하는 언어는 정규 표현식으로 검증이 불가능하다고 한다. 즉, 특수문자가 포함된 키워드를 검색할 경우 특수문자는 제외하고 나머지 텍스트만 검색되도록 조치가 필요하다. 다른 방법이 있을지는 더 공부가 필요할 것 같다. 특수문자가 포함될 경우 빈문자열 처리되도록 설정. 필요한 곳에 deleteSpecialCharacters 사용하여 해결 참고자료 https://evan-moon.github.io/2021/05/07/why-regexp-called-regexp/ HTML을 정규 표현식만으로 파..

sortingMode="server" (default 값 : "client") : 클라이언트 쪽에서 직접 정렬시킬 일이 없을 경우 서버에서 받아온 정렬을 그대로 사용하기 위해 필요한 속성 => mui Table 태그에 속성으로 넣어주면 됨

push 속성을 사용하기 위해 next 13버전 프로젝트에 router를 적용했더니 아래와 같은 에러가 발생했다. useRouter를 next/router에서 불러오는 것이 아니라 next/navigation에서 불러와 해결

텍스트가 길어질 경우 말줄임이 적용되면서 텍스트 박스도 함께 줄어들도록 구현 html 가나다라마바사아자차카타파하가나다라마바사아자차카타파하 버튼 css .filter { display: flex; height: 70px; padding-left: 8px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); background-color: white; } .filter_box { flex: 0 1 auto; max-width: 300px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; height: 38px; padding: 8px; background-color: white; margin: 16px 8px 0; box-..

textarea의 기본 enter event가 줄바꿈인 줄 알고 있었으나, 아무리 엔터를 눌러봐도 줄바꿈이 안되는 현상이 발생했다. 2022.12.09 수정 줄바꿈이 안됐던 이유를 찾았다.Form 태그 안에서 textarea를 사용하면 엔터 이벤트가 안된다고 한다.Form태그가 있는 상위컴포넌트로 가서 textarea가 들어있는 하위 컴포넌트만 Form 바깥으로 빼줬더니 아래에서 엔터 이벤트를 적용하기 위해 짰던 코드가 필요가 없어졌다.(단, 이 textarea를 Form 태그안에 담아서 POST를 보내야 하는 경우엔 다른 방법을 생각해봐야 할 것 같다.) 찾아본 결과 textarea에 직접 onkeyDown으로 enter event를 만들어 보내주는 방법이 있어서 적용해보았다. const handleK..