왕가's history

타입스크립트 사용하면서 발생한 에러입니다. 문제 {(response === 'A' && response !== 'B' ? !show : loading) && ( Thinking )} &&연사자를 사용해서 두 개의 조건을 걸었는데 제목과 같은 타입에러가 발생했습니다. 해결방안 {(response !== 'B' && response === 'A' ? !show : loading) && ( Thinking )} 단순히 순서의 차이로 보입니다. 저는 웹스톰을 사용하고 있는데, 거기서 나오는 해결방안으로 위와 같이 순서를 바꾸니깐 에러가 사라졌습니다. (vscode도 똑같을 꺼라고 생각합니다.) TypeScript에러라 사실 동작하는 데는 상관없지만, build 할 때 에러도 날 테고, TS사용하는데 규칙을 지키..

해당 에러는 ESLint 설정으로 인해 발생하는 에러입니다. (저는 Ariabnb를 사용했습니다.) 에러가 발견한 곳은 button 태그입니다. 문제 버튼태그 안에는 내용이 없고, className에 있는 이미지로 버튼을 대체하도록 만들었습니다. 이렇게 될 경우, 버튼에 대한 설명? 이 없기 때문에 발생하는 에러로 보입니다. 해결 방안 aria-label 속성을 추가해서 간단하게 어떤 버튼인지 넣어주면 됩니다. 아니면 아래 깃허브에서 제공하는 것처럼 eslint설정에 ignoreElements를 추가하시면 될 것 같습니다. https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/docs/rules/control-has-associated-label..

React에서 form태그 작성 후, button type을 submit을 주고 실행했는데 내가 작성한 로직대로 동작하지 않고, form태그 안에 input태그들의 값들은 초기화되고, 페이지는 그대로 있는 현상을 볼 수 있을 겁니다. 원인 form태그에서 submit이 작동하면, action속성에 지정된 url로 request 하여 해당 페이지로 이동하는 것이 기본 동작입니다. React 개발자(SPA)는 브라우저가 새로고침 되는 현상을 최소화하기 위해 직접 작성한 함수를 통해 로직이 동작하는 것을 원할 겁니다. 해결방법 위에서 설명한 submit기본동작은 필요 없음으로 event.preventDefault()를 줘서 request를 막으면 됩니다. 기본 submit 동작을 막았기 때문에 구현한 대로 동..