인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

eventures111님의 프로필 이미지

작성한 질문수

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

실습 - 강의목록 컴포넌트

빨간 밑줄 질문이요..

작성

·

59

0

image.png

위와 같이 해당 변수나 값을 선언한거를 사용하지 않으면 이렇게 빨간 밑줄이 생기는데요. 이거 없앨수 없나요? 거슬리네요..ㅠ

답변 2

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 🙂

JSX 문법은 HTML 문법과 조금 다른데요 HTML를 JSX로 변환하는 사이트를 추천드릴게요

eslint 오류도 규칙 off 하시면 됩니다.

  • 이미지에 규칙 오류는 "no-unused-vars": "off" 해주시면 돼요

0

Coding bear님의 프로필 이미지

props 에 빨간줄은 해당 파라미터를 컴포넌트 안에서 사용하지 않고 있기 때문에 나오는 eslint 에러표시입니다. 컴포넌트 내에서 사용하지 않으면 props 를 제거하시거나.

다음 강의에서 해당 props를 호출하는 내용이 있으면 빨간줄은 자연히 지워질 겁니다.

 

혹시 props를 사용해도 props 에 빨간줄이 나오면 eslin.config.js 파일 또는 eslintrc 파일 rules 부분에 "react/prop-types": "off" 옵션을 추가해 주세요.

 

PS: JSX 문법에서는 class 속성은 className 이라고 표기하는 게 맞습니다.

이유는 자바스크립트에 class 키워드는 예약어라서 class 속성으로 사용할 수 없어요.