자바스크립트 변수1 리팩토링 - 중복 제거하여 코드 효율화하기 - this , var 키워드 활용 좋은 프로그램은 간결한 코드로 이루어집니다. 코드에 중복된 내용을 제거하고 간결한 구조로 유지 보수하는 것을 리팩터링이라 합니다. 아래 예시는 버튼 한 개를 클릭할 때마다, 배경화면 및 본문의 글자색을 변경하는 코드입니다. 버튼의 값이 night 일 때 클릭하면, 배경이 네이비색으로 바뀝니다. 글자색은 노란색으로 바뀌며 버튼 안의 값 night는 day로 변경됩니다. sample text 반면에 버튼의 값이 day일 때 클릭하면, 배경색은 하늘색으로 바뀝니다. 글자색은 검정이 되며 버튼 안의 값은 night로 변경됩니다. 이 버튼을 2개 더 추가해보겠습니다. 태그를 복사해서 2 군데에 붙여 넣습니다. 버튼을 클릭해보면 처음 버튼은 문제없이 잘 작동합니다. 그러나 두 번째, 세 번째 버튼의 속성 값 nig.. 2020. 9. 6. 이전 1 다음