오늘 내배캠 React 첫 강의를 듣고 실습문제를 따라하던 중 style 객체를 선언하는 과정에서 오류가 발생했다.
분명히 강의대로 따라 했는데 위와 같이 에러가 발생했다.
원래 CSS사용법에서 뒤에만 세미콜론에서 콤마와 문자열로 바꾸어줬는데
계속 밑줄이 그어져있다....
처음엔 ts라고 나오길래 타입스크립트 에러인 줄 알고 관련 문제만 구글링했다.
당연히 해결법을 찾아도 안나오고 별짓을 해도 안나왔다..
결국 튜터님께 도움을 요청한 결과 어이없는 부분이 문제였다.
바로 객체는 key값에 - 기호를 사용할 수 없기 때문이다....
객체로 스타일 지정 시 key값은 카멜케이스로 작성해야한다.
튜터님은 매도 먼저 맞는게 낫다고 괜찮다고 하셨다.
자바스크립트 기본문법은 거의 다 깨우쳤다고 생각했는데 나에게 현실을 직시하게 해준 경험이었다.
