쥬드리웹/Javascript

[플러그인화] 스택을 이용한 핀터레스트 2.2

ksoldier 2017. 4. 3. 14:49




참고 지난버전 :

http://jewdri.tistory.com/5


참고 처음버전 : 

http://jewdri.tistory.com/3


기존 처음버전->2.1버전에서 전체 컨텐츠의 높이값(세로사이즈:height)을 가장 마지막 컨텐츠의 Y값으로 넣어줬떤 부분.

가장 마지막 컨텐츠로 주면, 안됐다. (오류)



그래서 저 위에 오류부분을 수정하면서 아래부분도 같이 수정함. 


수정된 2.2버전에서 추가된 내용 

masonry2.2.zip



1. 마지막줄에서 가장 긴컨텐츠의 Y값을 가져와 전체 부모박스의 높이값으로 줘야했던것을 수정.

2. 컨텐츠의 마지막줄에서 가장 짧은세로값을 가져오는것/ 가장 긴 세로값을 가져오는것 => 이부분이 중복되어서 따로 메서드화 

3. 기본 1줄을 계산해서 넣어주는 부분도 조건문안에 조건문이 들어가는 형태라 따로 메서드화  




왼쪽이 수정된 버전코드 VS. 오른쪽이 기존 2.1버전 코드 

:연두색부분이 조건문 -> 해당부분의 코드를 따로 메서드화 시켰다. 






아직 부족하지만-_-

다른것도 만들고싶지만 (딱히 아이디어도 없고...)


공부겸 수정해봄.