그외/유용한 정보 2021.04.02. 13:39 자바스크립트로 반응형 벽돌 레이아웃 (Masonry Layout) 구현하기 방법 핀터레스트는 [**Masonry Layout**]을 사용하는 대표적인 사이트입니다. 위의 사진을 보시면 알겠지만 [**Masonry Layout**]은 벽돌을 쌓듯이 썸네일을 차곡차곡 쌓아올린 레이아웃 형태를 뜻합니다. 사진을 최적의 형태로 넣어 공간낭비를 최소화해서 사용자들에게 만족감을 주는 형태라고 보시면 됩니다. Masonry Layout을 순수 자바스크립트로 구현하기 인터넷에 찾아보면 JS 파일 형태의 플러그인이 제공되고 있습니다. 하지만 플러그인은 용량도 크고 속도도 느릴 뿐더러, 간단한 코드로 구현가능하기 때문에 굳이 플러그인을 사용할 필요가 없다고 생각합니다. 그래서 JAVASCRIPT를 이용해서 직접 만드는 방법을 알아볼까 합니다. 기본 원리 기본적으로 HTML의 형태는 아래와 같습니다. ..
