WEB2 - JavaScript

리팩토링(refactoring)

소스코드

변경사항

 

댓글

댓글 본문
  1. 아자가자
    210727 성공
    감사합니당
  2. 고영히
    0723 완료
  3. labis98
    20210718 완료
  4. 리팩토링 : 비효율적인 코드를 다시 효율적이게 만드는, 비효율적인 부분을 제거하는 것.

    중복되는 것을 제거하는 것은 좋은 프로그래밍.( 변수 이름을 이용 , this를 이용)
  5. 정용헌
    20210709
  6. 윤동욱
    2177
  7. Jeonghee Gwon
    20210702
  8. B=loom
    2021.06.30
  9. 너굴
    21-06-15
  10. 시리구
    답변을 찾으셨는 지 모르겠지만 혹시나 해서 제 생각을 남겨봅니다!

    인덱스 태그의 정확한 개념은 잘 모르겠으나 아마 전체 태그를 말씀하신 거 아니면 input태그 안을 말씀하신 게 아니실까요?? 그리고 밑에 댓글을 달아주신 분들 말씀을 보면 코드 내에서 중복을 제거하기 위해 프로그래머들끼리 많은 약속을 했을 텐 데 this도 그 중 하나 인 거죠
    태그 내에서 본인을 가리키는 것은 this로 사용해 중복을 제거하자! 라는 게 아닐까요?
    a 라는 사람이 홍길동이라는 이름을 가지고 있는 걸 모두가 알고 있는 상태에서 굳이 a 라는 사람의 별명을 불러줄 필요는 없는 거라고 생각됩니다! 그냥 제 생각이여서 정확히 알고 계신 분들은 댓글로 알려주세요!! ㅠㅠ
    대화보기
    • 김휘철
      잘봤습니다~
    • 재현
      이고잉님 이해가 안가네요. this가 의미하는 인덱스 태그가 무엇인지 모르겠어요. 그리고, this 가 인덱스 태그 전체를 가르켜주는 건가요? 그리고 id 태그랑 document queryselector 이랑 관련있는 id 속성을 무시하고 그냥 this로 퉁쳐진다는게 이해가 안가요. 이 글을 보신다면 답글 부탁드리겠습니다.
    • super1Nova
      210519
    • 초딩 개발자
      2021/05/08
    • chimhyangmoo
      2차 - 21.05.05
    • 스문
      21.04.30 완료
    • 해보자잇
      감사합니다~
      대화보기
      • kkegoz
        원하는 단어 선택하고 ctrl+d하면 되요
        대화보기
        • 해보자잇
          반복한 부분 드래그하고 그 부분들을 한번에 수정하시던데 혹시 키 아시는 분 알려주실 수 있나요ㅠ
        • 별거
          2021.04.26 완료했습니다..
        • 단희
          2021 04 25
        • 아직 잘 모르겠지만 그래도 조금씩 이해되고 있는 것 같습니다 ! 감사합니다
        • 감사합니다
        • 요모
          2021-03-26
        • 단디
          완료
        • 뚜따띠또따
          21.03.24 완료!
        • 졸대
          완료!
        • rose_lex
          완료
        • 20단국
          3/7일 11일차
        • 진돌
          2021.02.26 완료!
        • 낭낭
          21.02.24 완료
        • gkalsdlf
          완료!
          부가적인 질문인데
          한 버튼을 누르면 동일한 클래스의 나머지 버튼들도 동시다발적으로 value가 바뀌게 하는 방법은 없나요?
          검색을 어떤식으로 해야할지도 모르겠네요..

          비슷한 느낌으로 queryselectorALL 검색해서 써봤는데 문법을 모르는건지 잘 안되고요
        • empty010
          코딩을 잘하는 법 변수를 지정해서 중복 제거 최대한 간결하게
        • 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가 뭔가 했는데, 답을 알고 갑니다 :)
              코드가 복잡하고 길어질 수록 중복제거의 중요성은 높아진다!
              파이썬 코드를 리팩토링하는 과제가 나왔었는데... 그때 헤멨던 기억이 나네요 ㅋㅋ
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기