# img

91개의 포스트
post-thumbnail

<img> 태그

기본형 &lt;img src="경로" alt="대체텍스트">닫는 태그 없음웹에서 사용하는 이미지 형식(웹용 이미지의 특징): 저용량, 좋은 화질, bitmap(vector)img 태그와 함께 쓰는 주요 속성: src(source), alt(alternative text

어제
·
0개의 댓글

Axios로 이미지 요청해 렌더링

문제: img tag 요청이 401 status를 response unauthorized해결: fetch or axios를 사용해 http request에 Authorization 헤더를 주입해 주어야 한다why? Authorization: Bearer JWT toke

2022년 6월 22일
·
0개의 댓글

[css]img삽입 시 하단 여백 제거

img태그를 통해 이미지를 삽입하다보면 하단에 애매하게 2~4px정도 여백이 생긴다.우선 해결방법은1) display 변경2) vertical-align 변경둘 중에 하나를 img태그에 적용해주면 해결된다.발생원인은img태그는 기본적으로 inline요소인데, inlin

2022년 6월 15일
·
0개의 댓글
post-thumbnail

22. 06. 02 웹에서 사용하는 이미지 종류

크게는 비트맵 이미지와 벡터 이미지로 나뉜다.사진같은 이미지.확대 / 축소 시 계단 현상이 일어나거나 품질이 저하될 수 있다.일반적인 사진.선, 점으로 이루어진 수학적 공식들로 만들어진 것.확대 / 축소에서 자유로움. 용량 변화 X일반적인 사진으로는 활용 불가

2022년 6월 1일
·
0개의 댓글
post-thumbnail

<img> VS background-image:url("이미지 주소");

alt 속성으로 이미지가 로드되지 않았을 때, 나타날 텍스트를 지정할 수 있다.이미지가 이미지로서 문서에서 의미가 있을 때 사용한다.해당 페이지를 프린트하게 되면 &lt;img>태그를 사용한다. 그래야만 이미지도 출력될 때 나타난다. 이미지가 단순 디자인 역할로 사용된

2022년 5월 24일
·
0개의 댓글

[HTML/CSS]<img>와 <div>의 차이

"사이트에 이미지를 넣는 방법은 두 가지가 있습니다. img 태그를 사용하는 것과 div 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요."HTML에서 img 태그를 사용하는 방법 VS

2022년 5월 24일
·
0개의 댓글

3강 HTML

이미지 태그입력창버튼\*css란 ? 웹페이지에서 오른쪽 클릭 후 검사를 누르면 코드가 뜬다.Styles를 보면 css 속성을 볼 수 있다.

2022년 5월 9일
·
0개의 댓글
post-thumbnail

What is Semantic Web?

Semantic web을 이해하기 위해서는 왜 웹을 만드는가? 웹사이트를 만들고자 하는 목적은 무엇인가?에 대한 고찰이 필요하다.웹사이트를 만드는 목적은 많은 사람들에게 서비스를 제공하기 위함이고, 많은 사람들이 이용해주었으면 하는 속내가 있기 때문이다.많은 사람들에게

2022년 5월 9일
·
0개의 댓글
post-thumbnail

React에서 이미지 로딩 오류가 날때 (<img/>의 alt만 화면에 나올때)

creact-react-app으로 리액트 앱을 만들 때 이미지를 쉽게 다룰 수 있는 방법 중 하나가 public/images 폴더 안에 이미지들을 두어 관리하는 방법이다. 이 방법을 사용하는 이유는 '../../../assets/images/sth.png'와 같은 절대

2022년 5월 4일
·
0개의 댓글

Semantic Web & Semantic Tags

인터넷이 보급되고 웹에 축적되는 정보의 양이 방대해짐에 따라 불필요한 정보나 연관성이 적은 정보를 거를 필요성이 대두.단순히 사람만이 웹의 정보를 파악하는 것이 아니라, 자동화된 기계가 의미를 해석하고 정보간의 관계를 이해할 수 있도록 하는 것이 목적.검색 엔진은 매일

2022년 4월 25일
·
0개의 댓글

TIL: HTML img

Q : "사이트에 이미지를 넣는 방법은 두 가지가 있습니다. img 태그를 사용하는 것과 div 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요."A :

2022년 4월 25일
·
0개의 댓글
post-thumbnail

문법 속성 & img

문법 속성 & img image문법 속성 & img image이미지를 쓸때의 태그는 img 이며 &lt; img src=" 출처">를 쓴다.이미지 출처는 https&#x3A;//unsplash.com/ 를 이용하면 좋다.‏‏‎ ‎문법 속성 & img image‏‏‎ ‎

2022년 4월 24일
·
0개의 댓글
post-thumbnail

[HTML&CSS] Image and Hyperlink

웹페이지에 글과 표만 빼곡하면 어떨까? 혹은 우리에게 제공되는 것이 하나의 페이지 뿐이라면? 이를 해결하기 위해 우리는 이미지와 하이퍼링크를 사용한다. 글만 있는 지루한 웹페이지를 벗어나 글과 그림이 조화로운 웹페이지를 만들고, 다른 웹페이지와 연결까지 된다면 이전에

2022년 4월 20일
·
0개의 댓글
post-thumbnail

[CSS] 이미지 스프라이트 기법

🔎 이미지 스프라이트(Image Sprite)란? 👉 여러 개의 배경 이미지를 하나의 파일로 제작한 후 background-position 속성을 이용하여 이미지를 배치하는 방법

2022년 4월 19일
·
0개의 댓글

이미지 최적화, Lazy Load & Intersection Observer API

HTTP 아카이브 연구에 따르면 평균 웹사이트의 반 이상이 이미지로 이루어져 있으며, 이미지의 용량도 다른 콘텐츠에 비해 월등히 높다. 따라서 이미지의 사이즈를 적절히 줄이고, 렌더링 속도를 빠르게 하면, 웹 사이트의 렌더링 성능은 더욱더 빨라질 것이다.하지만 무작정

2022년 4월 13일
·
0개의 댓글
post-thumbnail

HTML-img

이미지 추가속성 부여

2022년 3월 30일
·
0개의 댓글
post-thumbnail

HTML : Text-level semantics, Embedded content

text-level은 태그가 차지하는 요소가 콘텐츠 영역만큼이다창 크기가 줄어들면 단어 단위로 떨어짐BUT 한글은 한글자씩 떨어짐. ➡ &lt;p style="word-break:keep-all"> 써주면 단어 단위로 떨어짐&lt;wbr>은 텍스트 박스에서 한 줄로 모

2022년 3월 30일
·
0개의 댓글

이미지 마크업 최적화

picture 요소를 활용한 이미지 최적화 마크업을 통해 서버 비용을 절약하고 사용자 경험 향상 시키기

2022년 3월 19일
·
0개의 댓글
post-thumbnail

403 Error | img 태그 외부 이미지 요청 forbidden 되는 오류 해결 방법

네이커 카페의 이미지를 받아와서 중고나라 서버에서 img 로 보여주려고 하니 아래와 같이 전부 정상적으로 이미지를 가져오지 못했다.개발자 도구의 네트워크 채널에서 확인한 결과 403 에러가 발생했다.403 에러는 보통 다른 도메인에서 호출할 때 발생한다. 도메인이 다른

2022년 3월 18일
·
0개의 댓글