# img

6개의 포스트
post-thumbnail

img tag VS background-image ?

img태그로 이미지를 넣을 경우와 css의 background-image로 이미지를 넣을 경우 그 차이가 없다.그런데 <div><backgroud-image:></div>를 개발자들은 왜 쓸까?<div><backgroud-image:><

2020년 4월 26일
·
0개의 댓글

(TIL 33일차) 스타일쉐어 1차 프로젝트 OOTD (6)

스타일쉐어 스크롤바 꾸미기 이미지 업로드

2020년 3월 1일
·
0개의 댓글

image 높이 값 불러올 때 주의점[JS]

만약 프론트엔드 개발자라면 이미지를 불러와 높이 값에 따라 레이아웃을 변경할 때가 있을 것이다. 예를 들어 이런 코드가 있다고 가정해보자 결론만 말하자면 위의 코드는 작동하지 않는다. 왜 그럴까? 그 이유는 test.png가 로딩되기 전 clientHeight를 구했기 때문이다. 위 코드가 작동되게 하려면 이렇게 해야한다. 결론 이미지는 로드되고...

2019년 12월 13일
·
1개의 댓글

HTML에서 기본적으로 알아야하는 태그

대부분 태그에 들어가는 요소 style: css를 적용시켜주는 요소이다. class: 외부의 css코드에서 class로 정의된 요소를 적용시켜준다. css편에서 더 자세하게 다룰 예정이다. id:그 태그만의 고유의 이름을 가지게 하는 것이다. a태그 HTML에서 가장 많이 사용하는 태그중 하나가 a태그이다. 웹사이트에 링크를 걸어주는 기능을 한다. 링크...

2019년 12월 8일
·
0개의 댓글

<img> 태그에 css translate 적용 시 주의할 점

초 간단 팁 img 태그에 css translate를 줄 때 img의 가로,세로 중 하나라도 홀수면 이미지가 흐릿해진다. 만약 translateX 를 준다면 가로는 무조건 짝수여야하고 반대로 translateY면 세로는 무조건 짝수여야한다. 간단하게 해결하려면 image를 background로 넣어주면 된다.

2019년 12월 6일
·
0개의 댓글

[HTML] images

Images Syntax & the alt attribute contains attributes only, and doesn't have a closing tag. The alt attribute provides an alternate text for an image, if the user cannot view it. The value of should...

2019년 11월 27일
·
0개의 댓글