WEB2 - JavaScript

리팩토링(refactoring)

소스코드

변경사항

 

댓글

댓글 본문
  1. 몰댕
    21.01.14
    동일 단어 선택 ctrl+d
    중복을 없애는 것이 중요
  2. 걸어가는신사
    2021.01.14
  3. T.Hwang
    완료~
  4. pyerin
    좋은 정리네요 !!
    대화보기
    • pyerin
      this가 뭔가 했는데, 답을 알고 갑니다 :)
      코드가 복잡하고 길어질 수록 중복제거의 중요성은 높아진다!
      파이썬 코드를 리팩토링하는 과제가 나왔었는데... 그때 헤멨던 기억이 나네요 ㅋㅋ
    • younghwani
      완료!!
    • jeisyoon
      감사합니다.
    • 이현수
      2021.01.08(금)
    • 주니어개발자
      https://colorscripter.com......2dE

      코드 개선 작업
      코드의 가독성을 높이고,
      유지보수하기 편리하게 만든다.

      누구나 쉽게 읽을 수 있는 코드가
      제일 좋은 코드다.

      소프트웨어가 커지고 복잡해짐에 따라서
      틈틈히 리팩토링을 해야 좋은 프로그램을 만들 수 있다.

      비효율의 제거 : 중복을 제거하고 재활용성을 높인다
    • 박병진
      2020.12.30 완료
    • 서울사이버대학을다니고
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <title></title>
      </head>
      <body>
      <input id="night_day2" type="button" value="night" onclick="
      var target = document.querySelector('body')
      if(this.value === 'night'){
      target.style.backgroundColor='black';
      target.style.background='white';
      this.value = 'day';
      }else{
      target.style.backgroundColor='white';
      target.style.background='black';
      this.value = 'night';
      }
      ">
      </body>
      </html>
    • unknown
      this, var, target
    • 샴파뉴
      2020.12.27
    • 박병진
      2020.12.23 완료 (복습 중)
    • 생활둘기
      2020 12 19
    • 우오오오..너무 편한기능이네요.. 감사합니다!!
      대화보기
      • 썽민
        저도 이게 궁금해서 찾아 봣습니다.
        구글에
        atom select all same words 로 검색하니

        CTRL+D 누르면 됩니다.

        CTRL누른 상태에서 D를 누르면 가장 가까운 단어부터 멀티커서 기능이 됩니다
        대화보기
        • 20201210
        • 저 똑같은 코드들 한번에 주르륵 클릭하시는건 어떻게 하는건가요? 컨트롤 누르고 더블클릭 더블클릭 하나씩 하시는 건가요? 마우스 커서는 가만히 있는데 스크롤만 내려가는것 같아요
        • 부챔개
          20.12.02 완료
        • 20201130이어서
        • 둘기
          20.11.29 완료
        • 듀리
          2020.11.24
        • Zzangbae
          20.11.23 완료
        • kkn1125
          20.11.22 완~료!
        • 푸쿠하
          '20.11.19 완료
        • Dominic
          thirteen(13) November 2020
        • 보드라운고양이
          중복 제거가 가장 재밌는 것 같아요!
        • 하얀
          2020-11-11 굿

          this 는 현재 onclick 안에 자바스크립트가 실행되고 있는 태그를 선택하는 것이다.
        • 멋재이
          완료
        • hKa2020
          this 사용법이 이제 확실히 이해가 갑니다. 감사합니다.
        • 완료
        • 2020.11.02.MON.
        • 바부대지
          2020.10.27 리팩토링
        • 웹짱
          2020.10.22 코드 리팩토링
          결과의 변경 없이 코드의 구조를 재조정하여 가독성과 유지보수를 쉽게 하기 위한 목적
          this, variable 활용
        • 문성석
          2020/10/18 완료
        • 콜라
          20201012완료
        • 알파카파카
          2020/10/03
        • Idealist
          document.querySelector('body').style.color='white' this.value='day';에서 document.querySelector('body').style.color='white'의 ;가 빠졌네요. 세미 콜론만 제대로 찍어주면 개행하지 않아도 제대로 작동합니다. 문장의 끝이라는 걸 알려주는 역할이라서 사실 줄바꿈은 하든 말든 상관없어요. 개발자가 보기 편하게 하는 것 정도의 의미입니다.

          요약해드리자면 줄바꿈은 아무 역할이 없고 세미콜론을 빠뜨리셔서 작동이 안 한 겁니다. 그리고 웬만하면 개행하는 습관 들이세요. 나중에 고생합니다.
          대화보기
          • 김승현
            comparison operator비교연산자->boolean불리언->conditional statements조건문->refactoring중복제거개선

            중복의 제거
            반복되는 것을 변수로 지정한다
            var target = ;
            id 대신에 this를 사용한다.
            if(this.value==='')

            문법적으로는 이렇게 사용하는거구나라고 생각이들지만 직접 활용하려고 하니 아직 이해가 되지 않는다 ㅠㅠ 많은 예를 접해볼 필요가 있을 것 같다.
          • 921
          • Paul Yoon
            ㅇㅂㅇ....우와.. this를 쓰면 이렇게 편리해지다니...
          • H-mechanic
            20.09.08
          • 허우룩
            2020.09.04
          • chapter5447
            완료하였습니다
          • andrew070124
            변수를 많이 써야겠군요 ㄷ
          • banaba
            8/29 와우 확줄여지니까 속이 시원해요,,
          • 난지단지
            완료!
          • CODING
            완료
          • 김요한
            2020.08.20 완료.
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기