HTML (2) 썸네일형 리스트형 [🐾 일지] 리액트에서 <img> 경로가 안 불러와질 때... 가끔씩 개발을 하다보면 가장 기본적인 단계에서 태그가 안 보이거나 적용이 안 되거나 하는 경우가 있다. 고구마 이만 이천개정도를 물 없이 먹는 답답함에 비례하는... ⚈ ̫ ⚈ 아니 오늘은 갑자기 태그에 src 경로 설정에 파일이 분명 있는데! 안 불러와지는 것이었다..ㅎ 드디어 세상에서 가장 멍청한 사람이 된 것인가 싶었지만 다양한 방법을 시도해봤다. 1. 태그 src 상대경로, 절대경로 다 해보기 2. image 폴더를 바로 하위로 옮겨보기 3. 로 해서 background-image로 넣기 아니 근데 다 안되네... 싶을 때 뜻하지 않게 되버렸다. import Image from 'layouts/About/logo-design.png'; const logo = ; const Header = () =.. Semantic Markup, 시맨틱 마크업 Semantic 의미론적 Markup 태그를 사용하는 컴퓨터 언어(HTML과 같은) Semantic Markup 의미가 있는 태그를 사용하는 컴퓨터 언어 먼저 의미가 있는 태그란 무엇인지 알아보자 A : , B : , A,B는 둘 다 HTML의 태그이다. 하지만, 둘 중 하나는 semantic, 다른 하나는 non-semantic 요소이다. 어떤 것이 의미가 있는 태그일까? 정답은 B이다. 태그는 사용자에게 입력받는 "형식"이라는 것을 알 수 있고, 은 "표"를 의미한다는 것을 알 수 있다. 반면에 와 은 class나 id를 읽기 전까지는 어떤 컨텐츠를 가지고 있는지 알 수가 없다. 즉, 의미가 있는 태그는 컨텐츠의 목적과 내용을 알 수 있게 해주는 태그를 말한다. semantic tag를 사용하는 이유.. 이전 1 다음
