WEB2 - JavaScript

함수예고

댓글

댓글 본문
작성자
비밀번호
  1. 뉴빈
    어떻게 쓰이는지 미리 알려주셔서 좋아요!
  2. moon
    감사합니다.!!
  3. 서혜민
    완료
  4. 춤춤
    완료
  5. thsths
    완료
  6. 스티븐잡숴
    완료
  7. zsezse1003
    오전은 여기까지 이거 다시 듣기
  8. 펜펜
    감사합니다!
  9. 유화
    감사합니다!
  10. centerho
    완료
  11. Jeremy Jo
    봤어요.
  12. hr1004
    완료
  13. lunais
    감사합니다!
  14. 샬롬
    완료
  15. 함수 is like 수납상자!
  16. 아빠늑대
    함수는 fucntion, 수납상자라고 생각한다. 잘 정리정돈하기 위한 도구, 그것보다 큰 개념의 객체
    이론은 나중에, 지금은 경험적으로 구경한다.
    input 테그의 onclick의 값으로 주어진 JS를 수정해야 하는 일이 생기는데
    극단적으로 1억개로 가정, 이걸 수정하려면? 또 여러줄의 코드가 같은지 확인하려면? 또 웹페이지가 엄청나게 길어진다면?
    구원투수 함수
    <head>에 <script>를 추가 onclick의 값을 붙여넣은 뒤 function nightDayHandler(self) { ... } 로 바꾼다.
    함수를 선언한 것이고 내부의 this값을 모두 self로 수정
    원래 코드가 있던 자리에 함수를 넣은 뒤 self를 다시 this로 수정
    (tip) 영상에서는 설명하지 않았지만 원래 함수를 선언할 때 관례적으로 매개변수를 self값을 줌. 다른 변수명으로 심지어 this를 그대로 두어도 작동하는 데에는 영향이 없음
    자 똑같이 작동한다. 1억개의 코드들이 극적으로 줄어든다. 또 한눈에 같은 로직의 코드라는 것을 알 수 있고, 이름까지 설정해서 한번에 이해할 수 있다.
  17. 홍주호
    20191110 완료
  18. 육포
    20191101
  19. 완료
  20. 굼벵이
    완료
  21. 박창신
    완료
  22. 감자
    완료
  23. 20191001 Ted 완료!
  24. 코딩만이 살길이다
    완료
  25. 쑤우
    수강완료. 감사합니다.
  26. 현우
    완료
  27. 정완료
    완료
  28. 한조
    감사합니다!
  29. 들국화
    감사합니다
  30. JT_brand
    완료
  31. 코딩가즈아
    감사합니다
  32. 변우섭
    <script>~</script>사이에 작성된 nightDayHandler 함수 입장에서 보면 컴퓨터는 this가 무엇인지 알수가 없습니다
    그래서 this가 무엇인지 알고있는 <body>태그 안에 작성된 코드에서 nightDayHandler(this) 이런식으로 this를 전달해서 알려주는거죠

    함수에서 작성된 self는 전달 받은걸 사용하기 위해 임의로 이름을 self로 해놓은것 뿐입니다
    대화보기
    • eventme
      완료
    • hyegineer
      완료!
      함수는 수납상자다!
      유지보수하기 용이하게 하는 좋은~~~ 도구
    • danielkim2554@gmail.com
      6/5일 완료
    • Hyeon-Jun Ha
      완료
    • kumkum
      night/day 버튼을 1억개 만들어야한다고 가정.
      night 버튼을 눌렀을 때 <a> 태그의 글씨 색을 다른 색으로 바꿔야 한다고 가정.
      복사로 작업하면 코드의 양이 지나치게 많아지므로 함수로 작업

      함수-코드에 이름 붙이기
    • 코돌이
      5/12 완료!
    • 주워니
      완료
    • 위준우
      완료
    • 허공
      190509 감사합니다.
    • 항상 코드는 간결해야 하군요 이것도 하나의 리팩토링으로 봐야되겠군요
    • 최승윤
      완료!
    • 김한주
      완료
    • 끝가지간다
      완료~
    • 뭘까
      왜 <head>내 script 에 추가한 함수에는 this가 아닌 self를 넣는 것인가요? self 대신에 this 를 넣어보니 안 돌아가요.ㅠ 검색해도.. 아직 내공이 부족해서 그런지 속시원히 궁금증 해결이 되지는 않네요.ㅠ
    • 달려라늙은이
      완료. 감사합니다.^^
    • 완료!
    • Seohee Kim
      완료!!진짜신기하네요!!!작동하다니!!꺆!!
    • lygon
      2019-02-20 완료
    graphittie 자세히 보기