WEB2 - JavaScript

리팩토링(refactoring)

소스코드

변경사항

 

댓글

댓글 본문
작성자
비밀번호
  1. //김영인님 혹시 자동완성 기능 말씀하시는거면.... html 기본 틀 자동완성 기능으로 하시려면 그냥(<없이) htm 정도 타이핑 했을때 자동완성 뜰겁니다. 거기서 enter키 치시면 html 기본 틀 생성됩니다. 마찬가지로 input이나 다른 테그 사용시에도 <를 안쓰시고 영문만 타이핑하시고 원하는 테그 선택해서 엔터치시면 됩니다.
  2. 김영인
    혹시 egoing님 강의하시는거 보면, 같은 코드를 한번에 바로 선택하시는데 단축키가 따로 있는 건가요?ㅠㅠ
  3. eventme
    완료
  4. Weini Jeon
    오 감사합니다 뭔가 알듯해졌어요 ^^
    대화보기
    • Your Carrot
      현재 자바스크립트 명령어가 <input> 안에 내재되어 있으니까 this라 함은 현재의 <input>영역 이라고 해석하면 되지 않을까유? ㅎㅎ

      제가 이해하기로 if ( this.value === 'night') 를 해석하면
      만약(if) 현재영역(this)의 value값이 night와 같다면 입니다.
      도움이 되었으면 좋겠네유 ^^;
      대화보기
      • Weini Jeon
        this 가 의미하는 게 뭘까요? target의 경우 대입하면 된다 정도로 이해했습니다만 document.querySeletor('#night_day')가 왜 this가 된 건지 전혀 이해를 못하겠습니다.
      • 미옹이
        3분 30초 쯤에 day night 버튼 1개만 눌러도 3개가 모두 같이 동작하는 코드 교육도 좀 부탁드립니다.
      • hyegineer
        완료~
        리팩토링은 코드를 짜면 짤수록 복잡해지는 코드를 간결하게, 중복을 제거하며 유지보수를 쉽게 하는 작업!
        소프트웨어가 커지면서 중간중간에 리팩토링을 하면서 개선시키는건 필수임
      • Hyeon-Jun Ha
        완료!
      • kumkum
        코딩 잘하는 법: 끝까지 추적해서 중복을 없애라! 코드 양을 줄여라
      • 코돌이
        5/10 완료!
      • 허공
        190509 감사합니다.
      • 위준우
        완료
      • Jongjin Park
        5/6 감사합니다
      • 주워니
        완료!!
      • 최승윤
        완료!
      • 김한주
        완료
      • greedy0111
        완료스
      • 끝가지간다
        완료~
      • 이달
        완료
      • 이대엽
        2019.03.04
        복습2 완료
      • 완료!
      • Seohee Kim
        완료!
      • 2019-02-18 완료
      • 우도순
        완료
      • 호두
        고맙습니다
      • 발헤
        감사합니다. 완료
      • Juyeon Heo
        완료!
      • 지미츄
        완료 감사합ㄴㅏ덩!
      • 꽁꽁
        this랑 target으로 중복된 내용 싹 지우고 대체할때 쾌감이 느껴지네요... 짜릿...
      • 한태양
        감사합니다
      • 함가죠
        완료 감사합니다:)
      • 이수하
        완료
      • gravity251
        완료
      • Aimhee
        완료
      • 2019.01.11
        this 는 자기 자신을 표현하고
        중복되는 코드를 제거하기 위해 긴 코드를 변수하나로 정의하여 변수이름을 대신사용하는 것.
      • ManualJedi
        https://developer.mozilla.org......yId

        The Document method getElementById() returns an Element object representing the element whose id property matches the specified string. Since element IDs are required to be unique if specified, they're a useful way to get access to a specific element quickly.

        If you need to get access to an element which doesn't have an ID, you can use querySelector() to find the element using any selector.

        getElementById는 id에 해당하는 element를 반환하고, querySelector는 id가 없는 element를 반환합니다.
        그러므로 '<body>'를 '<body id="body">'로 수정하면, getElementById와 querySelector 모두 동작합니다.
        대화보기
        • 후추원꼬집
          if(this.value==='button1'){
          document.querySelector('body').style.backgroundColor='black';
          this.value='red'}
          else{document.querySelector('body').style.backgroundColor='red';
          this.value='button1';
          }
          여기서 querySelector를 쓰면 되는데 왜 getElementById 로 쓰면 안되는 건가요??
        • Dustin Yook
          리팩토링 잘 배우고 갑니다.
        • suhwan
          이런거 할때마다 소름돋는다
        • 쿵쾅이팸
          this 로 훈훈한 마무리
          공중제비 3회전 돌고 갑니다
        • 돼지천재
          감사합니다.
        • Pakupaku
          잘 들었습니다! 매번 감사합니다 ^^
        • icdoit
          감사합니다.
        • 키보드치는남자
          잘들었습니다
        • jo_onc
          target은
          var target = document.querySelector('body');
          변수에요~
          대화보기
          • target, this 강좌 뭐 보면 되나요 ㅠㅠ?
          • 에델
            웅 카렌 에델 들음
          • 아미쓔
            중복의 제거는 정말 정말 정말로 중요합니다!!!! 프로젝트 할 때 중복만 제거해도 몇백줄은 그냥 없어진다는. 그리고 유지보수도 훨씬 쉬워지구요.
          • 감사합니다!!
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기