반응형 React18 Reactstrap Modal에서 autoFocus 설정 주의! Reactstrap을 사용하여 화면을 구성하고 있는데 조금 더 편한 사용환경을 위해 Modal이 오픈되면 가장 먼저 입력해야하는 Input에 Auto Focus를 적용하고 싶었다. 근데 설렁설렁 보고 적용하고 싶은 Input 태그에 autoFocus={true} 를 적용하면 되는구나 했더니 에러도 안뜨고 적용도 안되고 이 문제로만 한시간을 씨름한거 같은데 조금 예전 자료만 봐도 useRef를 써서 Fuction까지 만들어 적용하던데 나는 분명 속성값 하나로 될거라고 생각하고 있었고 그러다 딱 한 자료에서 어이없게 내 방법의 문제를 알았다. 해당 Modal에서 autoFocus를 false로 설정하고 적용하고 싶은 Input 태그에 autoFocus를 true로 설정해야 한다. 개인적인 생각으로는 Moda.. 2023. 11. 3. 정말 진절머리 나는 eslint 에러 나는 평소 왠만하면 에러도 배우는 과정으로 생각하고 즐겁게 받아들이는 편이다. 내가 마주치는 에러가 많아질수록 다음번에 내가 대응할 수 있는 부분들이 많아지기 때문에 좋게 받아들이는 편이다. 내가 아직 많이 부족한 탓인지 모르겠지만 깊은 공부가 안돼 있는 상태에서 typescript를 섣부르게 도입한 것부터가 패착이라고 생각했지만 그것에 더해서 eslint, prettier 등등 부차적인 것들에서 성가신 에러들이 많이 발생하다 보니 결국 typescript도 에러와 실수를 줄이기 위한 도구 중 하나라고 생각하는데 이건 에러를 방지하기 위해 에러를 만들어내는 꼴이라는 생각이 드니 참 마음이 좋지 않았다. 여하튼 나를 끝까지 그리고 아직도 괴롭히고 있는 에러는 [eslint] Plugin "react" wa.. 2023. 6. 21. For문을 수행하지 않는데 이유를 알 수가 없다 여러개의 Input 태그 안에 값을 입력 후 저장 시 이를 반영하기 위해서 기존에 등록된 값과 비교 후 기존에 등록되지 않은 부분만 추가하는 로직을 구현했는데 for문 안에 기존 등록된 값이 있는지 검사하는 조건문을 넣었는데 조건을 아무리 디버깅하며 확인해 보아도 for문을 수행하지 않을 이유가 없는데 단번에 순차적으로 조건 검사를 하지 않고 그냥 탈출해 버린다. 정말 복잡하지 않은 방식으로 구현을 하고 기능들을 만들고 있음에도 어느 기능 하나 쉽게 만들어지는게 없다. 아직 리액트를 깊게 알지 못해 그런거겠지만, 계속 부딪혀 보는 수밖에 ? 문제가 되었던 코드는 for(let i = 0; i < 전체 input 값들의 배열.length; i++) { if(!기존 등록된 값 배열.includes(전체 In.. 2023. 2. 22. Error: WHERE parameter "userId" has invalid "undefined" value 에러 특정 기능 CRUD 중 기존 등록한 데이터를 Get 방식으로 가져오는 부분을 구현했는데, 제목과 같은 에러가 발생했다. 이해를 하지 못하겠는건 무조건 안되는 건 아니고 간혹 데이터가 정상적으로 들어올 때가 있다. 직역해서 유추해보면 userId 값이 없을 때(undefined으로 떨어질 때) 서비스를 호출해서 발생하는 문제 같은데 디버깅을 해봐도 서비스를 호출할 때 userId 값이 없이 들어오는 경우가 없는데 미칠 노릇이다. 하나 이상한 점을 발견한 것은 해당 에러와 관련이 있는 문제인지 모르겠지만 Get 방식으로 호출했을때 주소줄 마지막에 붙은 파라미터 값이 2개를 줬는데, 하나 값은 인코딩이 된 읽을 수 없는 값으로 들어가 있고 다른 하나 값은 할당한 파라미터값 그대로 들어가 있다. 위에서 문제가 .. 2023. 2. 13. 이전 1 2 3 4 5 다음 반응형