[java] 네이버 뉴스스탠드 따라해보기 / 이미지 네모박스 안에 최적화시켜서 표출하기

1) 네이버 첫화면 

 

네이버를 들어가면 이와 같은 이미지들이 정렬되어 있는 것을 확인할 수 있다.

아래의 이미지와 비슷하게 만들어보았다.

네이버 언론사 이미지1

See the Pen naver news by 안중현 (@drkdcoaa-the-vuer) on CodePen.

---

2) 네이버 뉴스  

 

네이버 뉴스로 들어가면 이와 같은 이미지들이 정렬되어 있는 것을 확인할 수 있다.

아래의 이미지와 비슷하게 만들어보았다.

네이버 언론사 이미지2

See the Pen Untitled by 안중현 (@drkdcoaa-the-vuer) on CodePen.

---

참조 : https://www.naver.com/ 

참조 : https://sorto.me/docs/Web/CSS/object-fit