리팩토링(refactoring)

• 봤어요 (1142명)
• • 이전
  • 다음

댓글

1. 
   goodluck7시간 전
   this, target
   답글
2. 
   Dallae13시간 전
   Cut off duplication-!
   답글
3. 
   코딩하는렌즈쟁이4일 전
   2020-05-21
   키워드 this
   변수를 활용한 중복 제거
   답글
4. 
   이서연9일 전
   완료
   답글
5. 
   호야17일 전
   완료
   답글
6. 
   hhyun20일 전
   완료
   답글
7. 
   green diseny22일 전
   5월3일 finish
   답글
8. 
   corrcorea28일 전
   4/27 완 료
   답글
9. 
   솔솔28일 전
   4/26 완료
   답글
10. 
    민스티티아한 달 전
    완료!
    답글
11. 
    하나해요한 달 전
    완료!
    답글
12. 
    Mongsil한 달 전
    2020/4/2 완료!
    답글
13. 
    야루한 달 전
    완료
    답글 수정 삭제
14. 
    seung한 달 전
    2020/04/02
    리팩토링 : 코드의 유지보수나 간결함, 중복의 제거를 위해 하는 행위
    
    자기 자신을 칭하는 this와 변수 선언을 이용한 중복의 제거로 코드를 리팩토링함
    
    잘 배우고 갑니다!
    답글 수정 삭제
15. 
    이름한 달 전
    실습해보니 *.style.backgroundColor나 *.style.color 같은 부분은 변수로 만들지 못하나 보네요
    
    감사합니다~
    답글 수정 삭제
16. 
    .한 달 전
    완료
    답글 수정 삭제
17. 
    Yohanesty2개월 전
    완료
    답글
18. 
    뿡뿡팡야2개월 전
    완료
    답글 수정 삭제
19. 
    OneJae EE2개월 전
    20.03.22 일 / 37세 비전공자 / 완료
    답글
20. 
    혹등고래2개월 전
    완료
    답글
21. 
    0cddo2개월 전
    완료!
    답글 수정 삭제
22. 
    jade2개월 전
    -refactoring : 중복된 소스를 제거하여 문장을 간결하게 만듦
    -this : 자기자신의 태그를 가리킴
    
    var target = document.querySelector('body');
    if(this.value === "night') {
    target.style.backgroundColor = 'black';
    ...}
    답글
23. 
    LOL2개월 전
    완료
    답글 수정 삭제
24. 
    짱아찌2개월 전
    완료
    답글
25. 
    Always2개월 전
    잘 보고 갑니다! 감사합니다!
    답글
26. 
    .2개월 전
    리팩토링 : 중복된 코드를 줄임으로써 유지보수가 편리하도록 개선하는 작업.
    
    var target = document.querySelector('body');
    if(this.value === 'night'){
    target.style.backgroundColor = 'black';
    target.style.color = 'white';
    this.value = 'day';
    } else {
    target.style.backgroundColor = 'white';
    target.style.color = 'black';
    this.value = 'night';
    }
    ">
    답글 수정 삭제
27. 
    숩숩이2개월 전
    완료
    답글
28. 
    daniellee1234563개월 전
    완료
    답글 수정 삭제
29. 
    코딩하쟈3개월 전
    완료
    답글
30. 
    뚠뚠이3개월 전
    완료
    답글 수정 삭제
31. 
    eddylee1234563개월 전
    완료
    답글 수정 삭제
32. 
    규몽3개월 전
    완료
    답글 수정 삭제
33. 
    Harry3개월 전
    감사합니다.완료
    답글
34. 
    봄숙3개월 전
    리팩토링 : 중복을 모두 제거하고 변수 사용
    이 이벤트 코드 안에서는
    그 코드를 가르키도록 약속된 키워드 "this" - 중복되는 아이디값을 this로 변경가능(이 이벤트 코드의 자기자신)
    중복되는 body값을 var taget이라는 변수 지정 해서 taget은 body태그가 되는것
    body 들어갈부분에 target입력하면 var taget('body') <- 얘만 바꾸면 모두 바꿀수있음
    답글
35. 
    뉴빈3개월 전
    중복을 제거하기 위해 생각할 것!
    답글
36. 
    tj3개월 전
    엑셀함수랑 정말 비스하네요
    답글 수정 삭제
37. 
    hansy3개월 전
    완료!
    답글 수정 삭제
38. 
    Useok3개월 전
    완료
    답글
39. 
    moon3개월 전
    항상 감사합니다.!!
    답글
40. 
    N0name3개월 전
    night day가 모든 버튼에서 같이 바뀌게 하고 싶으면 어떻게 코드를 바꾸면 될까요?
    답글 수정 삭제
41. 
    thsths3개월 전
    완료
    답글
42. 
    춤춤3개월 전
    완료
    답글
43. 
    Yamto3개월 전
    완
    답글 수정 삭제
44. 
    moleskindiary@gmail.com3개월 전
    감사합니다!
    답글 수정 삭제
45. 
    스티븐잡숴4개월 전
    완료
    답글
46. 
    메메4개월 전
    document.querySelector('#night_day')는 자기자신을 가리키고 있음
    →'this'키워드 사용 & id로 지칭해 줄 필요가 사라졌기 때문에 id 삭제
    
    변수를 지정해줌으로써 중복 제거
    var target = document.querySelector('body');
    답글 수정 삭제
47. 
    펜펜4개월 전
    감사합니다!
    답글
48. 
    서혜민4개월 전
    완료
    답글 수정 삭제
49. 
    유화4개월 전
    감사합니다!
    답글
50. 
    8824개월 전
    중복된 코드를 낮추고 효율적으로 만드는 작업 : 리팩토링
    유지보수가 쉬워진다.
    <input id="night_day" type="button" value="흑화" onclick="
    var target = document.querySelector('body');
    if(this.value === '흑화'){
    target.style.backgroundColor = 'black';
    target.style.color = 'white';
    this.value = '사람';
    } else {
    target.style.backgroundColor = 'white';
    target.style.color = 'black';
    this.value = '흑화';
    }
    답글