웹페이지 (1) 썸네일형 리스트형 [JavaScript] 함수 활용한 refactoring - 야간 모드 예제 간결하게 오늘은 함수를 이용하여 야간모드 버튼을 간결하게 바꾸는 작업을 배웠다. 지금은 night / day 버튼을 사용하는 간단한 예제를 만들었지만 나중에 다양한 용도를 추가하기 위해 함수를 활용하고 코드가 더 길어진다면 최대한 반복을 줄인 효율적인 코드가 필요하다. 이전 포스팅에서 사용한 예제의 일부분이다. WEB 지금은 야간모드 전환 버튼이 한개지만 버튼이 여러개가 될 경우에는 수정이 번거로워진다. 따라서 부분의 반복을 줄이기 위해 nightDayHandler() 함수를 만들고 버튼에 자바스크립트 코드를 넣을 것이다. 1. nightDayHandler() 함수 만들기 태그를 추가하여 버튼의 자바스크립트 코드를 넣는다. 주의) onclick 이벤트 안에서 this는 더이상 이벤트가 소속된 태그를 가리키지 않기.. 이전 1 다음