For 썸네일형 리스트형 3day - 퍼즐만들기 퍼즐 만들기를 하기 위해선 저번에 했던 블록쌓기에서 응용을 해야 된다. if & for 그리고 shuffle, parseInt 등을 사용해서 만들어보자. 이걸 만들려고 한다. 마지막칸을 비우고 비워있는 칸 상하 좌우 칸을 눌렀을때 빈곳으로 이동하게 해서 퍼즐을 완성한다. 저 상태로 완성이되면 셔플이벤트로 퍼즐의 위치를 섞어주면 완성이다. 전체 box-wrap을 만들고 그 안에 들어갈 box를 css를 넣어준다. 여기서 background-image를 한장의 사진을 넣어주는데 사진크기를 box-wrap크기와 똑같이 맞춰줘야 빈틈 없이 들어간다. 이것은 js로 box마다 사진의 위치를 backgroundPosition로 잡아준다. append를 추가할때 col="'+i+'" row="'+j+'" 를 넣어줘서.. 더보기 2day - 블럭쌓기 이번에는 for 반복문을 써서 블럭을 쌓아보도록 하려고 한다. 우선 for 반복문이 뭔지에 대해 알아보자. 조건보단 횟수에 비중을 둘 때 사용하는 반복문이다. for (초기식; 조건식; 종결식) { 문장 } 이런 형태이다. 본론으로 돌아가서 for문으로 만들어 보도록 한다. 저 형태로 준비를 하고 블럭을 쌓아 보도록 한다. for (var i=0; i 더보기 이전 1 다음
