인프런 커뮤니티 질문&답변
작성한 질문수
lint에러..
작성
·
20
0
await render(<TextField className={'my-class'} />);
expect(screen.getByPlaceholderText('텍스트를 입력해 주세요.')).toHaveClass(
'my-class',
);이렇게 props를 넘겨줄때 동일하게 작은 따옴표로 넘겨주거나
expect에 들어가는 문자열을 작은 따옴표로 입력을 해야 테스트전 린트에서 잡히는 에러가 안나네요;;
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
tono님, 린트 에러로 인해 불편을 겪으셨군요. 린트 에러는 보통 코드 스타일이나 일관성을 유지하기 위해 발생합니다.
여기서 사용한 스타일은 작은따옴표(')를 사용하여 문자열을 표시하는 것을 선호하는 설정이 되어 있는 것 같습니다. 따라서 작은따옴표를 사용하는 것이 린트 에러를 막는 데 도움이 됩니다. 일반적으로 ESLint 같은 린트 도구의 quotes 규칙으로 이러한 동작을 설정할 수 있습니다. 만약 프로젝트의 린트 설정이 더블쿼트(") 대신 싱글쿼트(')를 요구한다면, 설정을 확인하고 그에 맞게 코드를 작성하시면 좋겠습니다.
혹은, 린트 규칙을 프로젝트에 맞게 설정 변경할 수도 있습니다.
이 외에도, ESLint 설정 파일인 .eslintrc.js 또는 package.json 파일 안의 lint 설정을 검토하여 해당 규칙(quotes)을 수정할 수도 있습니다. 설정 예시로는 다음과 같은 내용이 있습니다:
"rules": {
"quotes": ["error", "single"]
}
이와 같은 설정이 적용되어 있으면, 작은 따옴표를 이용한 문자열 사용이 에러를 발생시키지 않습니다. 린트 설정을 개발 도구나 팀의 스타일 가이드에 맞춰서 사용하는 것이 중요합니다.
링크: ESLint quotes 규칙
도움이 되었길 바랍니다. 추가적인 질문이 있다면 언제든지 문의해 주세요.