일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- JS
- git
- 렛츠기릿자바스크립트
- react
- 웹퍼블리셔
- 슬라이드전환
- 생활코딩
- 비전공자
- github
- 자바스크립트
- 프론트엔드
- HTML
- 세로메뉴바
- Supabase
- web
- 리액트
- jQuery
- 웹디실기
- CSS
- PROJECT
- JavaScript
- 코드공유
- 연산자
- 실기
- 깃
- 코딩독학
- 웹디자인기능사실기
- 정보처리기사
- 타입스크립트
- 웹디자인기능사
Archives
- Today
- Total
목록중복제거 (1)
코딩하는라민

Javascript #7 리팩토링(중복 제거) 18. 리팩토링 중복의 제거 코드를 효율적으로 만들어서 가독성 을 높이고 유지보수를 편리하게 만드는 것. 그리고 중복된 코드를 낮추는 방향으로 코드를 개선하는 것. → 규모가 커지는 프로그램을 틈틈이 리팩토링을 해야 좋은 프로그램을 만들 수 있다. 1) 같은 코드를 똑같이 복사하여 버튼을 두개 만든 경우 - 두번째 버튼을 눌러도 value 값이 첫번째 버튼만 변경된다. - 해결법 : id 값을 지우고, document.querySelector('#night_day') 부분을 전부 this 로 변경 - this 를 사용해서 해당 코드 내에서 작용하도록 변경 2) 변수 이용해서 중복 제거 - 공통된 부분을 변수로 두어 중복을 제거하여 코드를 간단하게 만들 수 있..
Core/JavaScript
2022. 10. 1. 11:00