학습한 내용

지난 시간에 이어서 네이버쇼핑 메인페이지에 작업을 했는데, 이번에는 상품 이미지 위에 span 태그를 적용해서 할인율이 보이도록 작업했습니다.

그리고 마지막으로 썸네일 안에 들어가는 이미지를 무료로 다운받을 수 있는 사이트들을 소개받았습니다.

• pixabay
• unsplash

학습한 내용 중 어려웠던 점 또는 해결못한 것들

위에 이미지 부분을 작업하던 도중 아랫쪽 "백화점 상품 그대로" 텍스트가 이미지와 겹쳐서 가려지는 상황이 있었습니다. 영상을 몇번을 되돌려 봤지만 뭐가 문제인지 알 수 없었습니다. 다운받은 소스파일에 들어가서 저 부분을 복사해서 붙여넣으니 해결이 되긴 했습니다.

해결방법 작성

결과값을 보고 제가 작성한 파일과 다운받은 파일을 비교해 보고 오류가 난 부분과 앞뒤 속성값들을 다시 검사해서 잘못된 것을 바로 잡아야 한다고 생각합니다.

학습 소감

처음에는 할인율을 표시하는 것을 단순히 두 가지 이상의 이미지를 겹치는 것으로 작업했다고 생각했었습니다. 만약 제가 생각한 방법대로 만드는 방법이 있고, 그것을 적용했을 때 span 태그를 적용한 방법과 어떠한 차이가 있는지 궁금합니다.