WEB2 - JavaScript

리팩토링(refactoring)

소스코드

변경사항

 

댓글

댓글 본문
  1. yogg
    아직 잘 모르겠지만 그래도 조금씩 이해되고 있는 것 같습니다 ! 감사합니다
  2. 감사합니다
  3. 요모
    2021-03-26
  4. 단디
    완료
  5. 뚜따띠또따
    21.03.24 완료!
  6. 졸대
    완료!
  7. rose_lex
    완료
  8. 20단국
    3/7일 11일차
  9. 진돌
    2021.02.26 완료!
  10. 낭낭
    21.02.24 완료
  11. gkalsdlf
    완료!
    부가적인 질문인데
    한 버튼을 누르면 동일한 클래스의 나머지 버튼들도 동시다발적으로 value가 바뀌게 하는 방법은 없나요?
    검색을 어떤식으로 해야할지도 모르겠네요..

    비슷한 느낌으로 queryselectorALL 검색해서 써봤는데 문법을 모르는건지 잘 안되고요
  12. empty010
    코딩을 잘하는 법 변수를 지정해서 중복 제거 최대한 간결하게
  13. id ="night_day" 의 자기자신 (this)은 document.querySelector('#night_day') 를 뜻합니다.

    다른 예제로

    <id ="햄버거"> 의 this는 <document.querySelector('#햄버거')> 가 됩니다.
    햄버거의 값과 햄버거를 불러오는 코드의 값이 일치하기 때문에 자기자신(this)란 표현을 씁니다.

    또다른 예제를 들어보면
    한 사람이 있고 그 사람의 주머니에서 동전을 꺼낸다고 칩시다. 그럼

    id="사람"
    document.querySelector('#사람')의.주머니에서동전꺼내기{}

    자신의 주머니에 들어있는 동전을 꺼내야하기 때문에
    this( #사람 / 나).의 주머니에서동전꺼내기{}

    라고 하는거예요.
    document.querySelector('#사람')의.주머니에서동전꺼내기 라는 구문을 더 편하게 쓰기 위해 this.의 주머니- 란 말을 씁니다
    대화보기
    • 21.02.22 완료
    • 떤치
      0219 완료
    • 서준
      완료
    • 감삼다
    • 리펙토링 효율성을 높이는 작업

      this : input에서 자기 자신을 가르킴
      var 변수명 = 변수타겟팅; : 변수를 활용해 문장을 축약가능
    • 완료
    • Yohanesty
      출석
    • 임찬혁
      완료
    • 코딩맨
      2021.01.22 본인이 본인을 가르키는 코드란 말이 뭔 말인지 모르겄다. 머리가 딴 데 가있어서 그런지..
      요즘 또 작심일주일이 되어서 그런건지^^ 내일 다시 들어야겠다
    • 양경웅
      리팩토링 'this'

      var target = document.querySelector('body');
    • chimhyangmoo
      2021.01.19
    • 몰댕
      21.01.14
      동일 단어 선택 ctrl+d
      중복을 없애는 것이 중요
    • 걸어가는신사
      2021.01.14
    • T.Hwang
      완료~
    • 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 완료
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기