오류가 아닌 warning 메세지가 계속 뜹니다.
🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요)
제목을 구체적으로 작성해 주세요
✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다.
⛔️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등
비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요!
코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다.
깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요
직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 🥲
답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요
비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요!
제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 🥲
강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요
더 빠른 답변이 가능합니다
실행하는데 문제가 되지는 않는데 혹시 해결할 수 있는 방법이 있을까요??
답변 2
0
안녕하세요 이정환입니다.
우선 해당 경고 메시지는 말씀하신 것 처럼 단순한 권고 사항으로 말씀주신 내용처럼 실행에 아무런 영향을 주지 않기 때문에 크게 신경쓰지 않으셔도 됩니다. 따라서 꼭 해결하지 않으셔도 되고, 학습을 진행하는 데에도 전혀 문제는 없습니다.
그럼에도 경고 메세지를 해결하고 싶으시다면 아래와 같이 코드를 수정하시면 됩니다!
<!DOCTYPE html>
<html lang="ko"> // <- lang 속성 추가
<head>
<meta charset="UTF-8" /> // <- meta 태그 추가
<title>Hello World 페이지</title> // <- 제목 추가
<script src="./chapter03.js"></script>
</head>
<body>
Hello World
</body>
</html>
0
안녕하세요, 인프런 AI 인턴입니다. 고민지님, 문의해주신 오류가 아닌 warning 메시지에 대해 답변드립니다.
경고 메시지는 주로 코드의 성능이나 유지보수성 문제 또는 최신 권장 사항을 따르지 않을 때 발생할 수 있는 것을 알려주기 위한 것입니다. 특히, 웹 개발에서는 HTML, CSS, JavaScript 등의 최신 표준을 따르지 않을 경우 이러한 경고 메시지가 나타날 수 있습니다.
질문에 첨부해주신 이미지에서는 <html> 요소에 lang 및/또는 xml:lang 속성을 추가하고, <head> 섹션에 <title> 태그를 추가하라는 내용이 있습니다. 이는 웹 접근성 및 SEO(검색엔진 최적화)를 높이기 위한 권장사항입니다.
lang속성: 웹페이지의 언어를 명시하여 브라우저와 검색엔진이 이를 인식할 수 있도록 돕습니다. 예를 들어, 한국어 페이지인 경우<html lang="ko">로 지정합니다.
<title>태그: 페이지의 제목을 지정하여 브라우저 탭에 표시되며, 검색 엔진 최적화에도 중요합니다. 이를 통해 사용자가 페이지의 콘텐츠를 쉽게 파악할 수 있습니다.
따라서, 어떻게 해결할 수 있을지 아래와 같이 제안드립니다:
lang속성을<html>태그에 추가하세요:<html lang="en">해당 언어로 바꾸고 싶다면 “ko” 등의 언어 코드로 대체하세요.
<head>섹션에<title>태그를 추가하세요:<head> <title>Your Page Title Here</title> </head>
이와 관련된 유사한 질문과 답변이 있습니다:
- 경고 메시지를 통해 코드 개선하기
- HTML 기본 설정에 대한 경고 해결하기
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
Editor Component의 최적화 불가능 이슈
0
40
2
useCallback ⊂ useMemo
0
38
2
라이브러리 설치 질문
0
35
2
linter 질문
0
42
2
감정일기장 vercel 배포 후 새로 고침 시 404페이지가 뜨는 이유
0
43
2
Sort 메서드 관련 아티클
0
44
2
4.1) React.js를 소개합니다 강의를 듣고 궁금한 점이 생겼습니다.
0
46
2
html, body에 적용하는 css 스타일 질문입니다.
0
42
2
eslint.config.js 설정 질문입니다.
0
95
2
존재하지 않는 일기 url입력 시 alert이 두 번 떠요
0
70
1
교재(3쇄)와 강의 내용 문의
0
71
2
12.13) 하단 여백 스타일링 관련 질문 드립니다.
0
94
2
에러 질문드립니다
0
110
2
VSCode 설정 문의
0
145
2
PPT 코드 관련 질문
0
68
2
useEffect와 lifecycle문의
0
93
2
프론트엔드 학습 수준 문의
0
112
2
리액트 챕터별 코드에서 eslint 설정파일이 없어요
0
114
2
데이터 로딩중 화면만 계속 나와요!!
0
102
2
퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요
0
134
2
이후의 커리큘럼 문의
0
157
2
실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.
0
116
2
최적화 관련 질문있습니다 (useMemo 등)
0
134
3
프로바이더 컴포넌트의 위치는 어떤 기준인가요?
1
130
3