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

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

김영기님의 프로필 이미지

작성한 질문수

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

WS 모듈 사용하기

12강 깃허브에 있는 12.7 chat.html 복붙했는데 css오류

작성

·

28

0

이부분에서 <div class="mine" style="color: {{chat.user}}"> 가 오류뜨는데, 속성값예상 at-rule 또는 선택기가 필요함 이라고 복붙했는데 왜이런오류가뜰가요?

답변 2

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

chat.user 값이 올바른 값이 맞는지 확인해보셔야 합니다. #abc #abcdef 같은 컬러값이어야 합니다.

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. 김영기님.

귀하의 질문은 주로 HTML 코드에서 스타일 속성을 정의할 때 발생하는 문제로 보입니다. 해당 오류 메시지는 CSS의 구조적 문제(예: 닫힘 태그가 없거나 타입이 불명확한 경우)로 발생할 수 있습니다. style 속성 안에 적절한 CSS 선택기나 값을 기입하지 않았기 때문에 발생할 수 있습니다.

또한, {{chat.user}} 부분은 서버 사이드 렌더링 템플릿 엔진에서 사용되는 구문입니다. 이 값을 올바르게 렌더링하기 위해서는 백엔드에서 chat.user에 대한 적절한 값이 할당되어야 합니다.

이와 관련하여 도움이 될 수 있는 기존 답변들을 참고하실 수 있습니다:

  1. TypeError: Cannot read property ‘color’ of undefined - req.session.color가 정의되지 않았을 때 발생하는 유사한 오류 상황에 대한 답변입니다. socket.io 버전에 의존한 문제일 수 있으니 이를 참고하여 가능한 수정을 하시는 것이 좋습니다.

  2. 채팅방 접근시 발생하는 에러입니다 - 버전 문제가 원인인 비슷한 오류 사례로, 해결 방법을 알림과 동시에 잘못된 설정을 고쳐주는 내용을 포함하고 있습니다.

위 답변에서 설명한 내용처럼, 복사된 코드에 따라 설정 및 종속성을 점검하고, 프로젝트에서 사용할 올바른 템플릿 엔진이나 모듈 버전을 확인하는 것이 문제 해결에 도움이 될 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.