dev/자바스크립트 (20) 썸네일형 리스트형 forEach break&continue 자바스크립트에서 forEach 반복문을 쓸 때 중간에 종료해야하는 경우가 종종 있습니다. 그래서 jQuery의 return false 또는 return true를 생각해 똑같이 forEach에도 적용이 되는지 확인해봤습니다. 하지만 똑같이 적용되지 않아 다른 방법을 찾던중 "some" 이라는 함수를 알게 되었습니다. 위와 같이 some 함수를 이용해 특정조건에서 반복문을 종료(return true)할 수 있습니다. 반대로 "return false" 를 하면 반복문을 종료하지 않고 계속 실행할 수 있습니다. 정리하면 forEach 반복문에서 특정 조건에서 braek 또는 continue를 하고 싶으면 forEach 대신에 some을 이용해 break(return true), continue(return f.. Date 비교 요즘 유지보수 개발 프로젝트를 하고 있는데 기존의 검색 기능에서 시작시간과 종료시간에 버그가 있었습니다. 크게 2가지로 볼 수 있는데 첫 번째는 검색시간(시작시간, 종료시간)이 현재시간보다 빠를 수 있다는 점입니다. 예를 들면 현재시간이 4시 10분인데 검색시간 5시 10분으로 설정할 수 있습니다. 두 번째는 시작시간이 종료시간보다 빠를 수 있는 버그입니다. 다시 예를 들면 시작시간이 6시 20분인데 종료시간은 5시 20분으로 설정할 수 있습니다. 간단히 예를 들겠습니다. 위의 예제 화면과 스크립트 코드를 보면 시작시간과 종료시간에 클릭 이벤트가 발생 시 현재시간을 기준으로 현재 시간보다 빠른 시간들은 hide 처리되는 것을 확인할 수 있습니다. 현재시간과 검색시간의 비교는 getTime() 함수를 이용.. jQuery datepicker jQuery에 간편하게 날짜 입력을 가능하게 하는 datepicker라는 위젯이 있습니다. input 엘리먼트에 datepicker를 추가해주면 됩니다. 위의 예제 페이지를 보면 id가 datePicker라는 input 엘리먼트에 datepicker를 추가했습니다. (빨간색 표시) 위의 화면처럼 datepicker가 추가된 것을 확인할 수 있습니다. datepicker를 추가하는 것은 이처럼 쉽지만 프로젝트를 진행하다보면 날짜 범위를 설정해야 할 때가 있습니다. 예를 들면 항공권 검색할 때 출발날짜가 도착날짜보다 뒤에 있으면 안되는 경우가 있습니다. 그래서 이런 경우를 위해 이벤트를 추가로 설정해줘야 합니다. 위의 화면들을 보면 날짜 범위가 설정된 것을 볼 수 있습니다. 빨간색 상자로 표시된 소스를 설명.. 스크롤 위치 조정 디비에서 리스트를 조회했을 때 스크롤 위치를 맨 위로 조정해야 하는 일이 종종 있다. 그럴때 jQuery에서 지원되는 scrollTop 메소드를 사용하면 된다. 단 overflow 속성이 적용된 태그에서만 동작한다. 반대로 맨 아래나 특정 위치로 조정해야 한다면 offset(), postition(), prop("offsetTop") 속성값을 이용하면 된다. 아니면 이전 엘리먼트들의 전체 높이값을 계산해서 조정하면 된다. 이전 1 2 3 다음
