타쿠꺼

Fly-out 메뉴 1. 오른쪽 메뉴 박스의 경우 각 박스의 innerWidth 크기, 위치를 계산해서 설정해주면 됨.2. relative 형제요소들 사이에 absolute가 끼면, 순서에 따라 그 이후의 요소들부터 absolute의 영향력이 적용된다. 그 이전의 relative 형제들의 영향력은 계속 존재하여 absolute여도 위치속성이 없으면 형제요소들 다음 자리에 위치하게 된다. 마치 float: clear 속성처럼 행동하게 된다.

포토 갤러리 메뉴 1. isAnim boolean값을 이용해 애니메이션이 꼬이지 않게 다뤘다. 2. 이미지 주소값을 ajax로 얻어오고, jQuery로 이미지 엘리먼트 만든 뒤 attr에 src를 줌으로써 이미지를 로드시키고, 로드 이벤트리스너를 등록하여 로드가 완료되면 이미지 객체를 DOM에 append시켜 이미지를 보이게끔 처리했다.여기서 시행착오가 있었는데, 이미지 로드가 항상 일정하지가 않기 때문에 이미지의 순서가 일정치 않게 로드되어 append된다는 점이었다.그래서 이를 해결하기 위해 배열을 만들고 이미지 객체들을 차례로 저장한 뒤, 마지막 이미지 로드 이벤트리스너가 실행되면 배열에 있는 값들을 0부터 차례대로 append하게 했다.그런데 여기서 간과한게, 마지막 이미지 로드 이벤트 리스너를 ..

포토 갤러리 메뉴 1. isAnim boolean값을 이용해 애니메이션이 꼬이지 않게 다뤘다. 2. 이미지 주소값을 ajax로 얻어오고, jQuery로 이미지 엘리먼트 만든 뒤 attr에 src를 줌으로써 이미지를 로드시키고, 로드 이벤트리스너를 등록하여 로드가 완료되면 이미지 객체를 DOM에 append시켜 이미지를 보이게끔 처리했다.여기서 시행착오가 있었는데, 이미지 로드가 항상 일정하지가 않기 때문에 이미지의 순서가 일정치 않게 로드되어 append된다는 점이었다.그래서 이를 해결하기 위해 배열을 만들고 이미지 객체들을 차례로 저장한 뒤, 마지막 이미지 로드 이벤트리스너가 실행되면 배열에 있는 값들을 0부터 차례대로 append하게 했다.그런데 여기서 간과한게, 마지막 이미지 로드 이벤트 리스너를 ..

간단함. ` `(그레이브)로 감싸면 된다.