자스핑 (21) 썸네일형 리스트형 [week 06] 이벤트의 모든 것 🎪 안녕하세요! 물결웹팟 🌊 오비 박채연입니다 😋❕ 이번주 자스핑 주제는 이벤트 전파 및 제어, 디바운스와 스로틀에 대해서 공부하는 시간을 가져봤는데요!그냥 버튼에 클릭 이벤트 주고 .. 인풋에 체인지 이벤트 주고! 늘 습관처럼 해왔던 건데이걸 깊게 파보니까 또 캡처링 버블링 .. 전파.. 위임.. 등 정말 복잡한 내용이 많았읍니다 ,,이번주도 모두모두 파이팅 💪🏻 https://chaeneey.notion.site/597f4dbb63064076b2be8d70c560e6e0?pvs=4 디바운스과 스로틀 | Notion디바운스와 스로틀chaeneey.notion.site https://chaeneey.notion.site/159de3f57d0e801580e0da34bcd7d54c?pvs=4 이벤.. [Week 06] 이벤트 전파 및 이벤트 제어 & 디바운스와 스로틀 이번시간에는 이벤트 & 디바운스와 스로틀에 대해 알아보았습니다! 때마침 지난번에 작성한 이벤트 전파, 이벤트 위임과 관련된 내용도 참고해보시면 좋을 것 같습니당ㅎㅎhttps://wave-web.tistory.com/41 [JavaScript] 이벤트위임안녕하세요 웹파트 배영경입니다🤗이번에는 자바스크립트의 이벤트위임에 대해 알아보았습니다! 2주차 과제를 구현할 때 각 체크박스마다 이벤트 리스너를 개별적으로 등록하는 방식을 사용wave-web.tistory.com https://harsh-lunge-188.notion.site/1582ba38c2418036855dcbd0a4be8c72?pvs=4 이벤트 전파 및 이벤트 제어 & 디바운스와 스로틀 | Notion40장 이벤트harsh-lunge-188.not.. [week 06] 이벤트 전파 및 이벤트 제어 & 디바운스와 스로틀 안녕하세요호 웹 YB 김고은입니다. 이번주는 자바스크립트 딥다이브가 아닌 특별한 주제로 아티클을 작성하게 되었습니다. 이벤트 전파 및 이벤트 제어와 디바운스 그리고 스로틀을 다루고자 하는데, 기존과 달리 개념 위주보다는 예제와 함께 설명하면서 어떤식으로 이걸 활용해볼 수 있는지를 중심으로 이번주차 정리해보겠습니다. 이벤트 전파 및 이벤트 제어이벤트 전파는 다음 2가지 양상으로 발생되게 됩니다. ☑️ 이벤트 버블링 (event bubbling) & 캡처링 (capturing)이벤트 버블링이란 한 요소에 이벤트가 발생하면 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작하고 최상단의 부모 요소를 만날 때까지 반복되면서 핸들러가 동작하는 현상 (마치 물속에서 거품이 위로 올라가는 듯해서 .. [Week 05] 프로토타입과 클래스 상속, 객체지향 안녕하세요~~ 오랜만에 돌아온 자스핑입니다!!이번주는 프로토타입, 클래스, 상속, 객체지향에 대해 알아보았습니다. 프로퍼티 프로토타입 프로토타입 프로퍼티 프로퍼티 프로토타입 프로토타입 프로퍼티 😵💫😵😵💫😵시작합니다!!! https://harsh-lunge-188.notion.site/1522ba38c24180248fdef85fe382e814?pvs=4 프로토타입과 클래스 상속 + 객체지향 | Notion19장 - 프로토타입harsh-lunge-188.notion.site [week 05] 프로토타입 안녕하세요! 물결웹팟 OB 박채연입니다 😋 이번주차 .. 정말 어려운 개념인 프로토타입 / 클래스 상속 / 객체 지향에 대해 공부한 내용 가져왔습니다!이해하면서 정리하느라 정신없는 노션 글이 되었네요 허허.이번주차도 빠이팅 ,,, 이 내용을 언젠가는 술술 말할 수 있길 🙏🏻🧎🏻♀️ https://chaeneey.notion.site/009bf99de6054d9b8314843137685c2c?pvs=4 프로토타입 / 클래스 상속 / 객체지향 | Notion프로토타입chaeneey.notion.site [Week 05] 프로토타입과 클래스 상속 안녕하세요 YB 김고은입니다! 오늘은 19장 전반에 걸친 프로토타입과, 25장 일부에 나와있는 클래스 상속을 다뤄보도록하겠습니다책의 범위는 다음과 같습니다. 프로토타입 19장 (p.260-311)클래스 상속 25장 (p.448 - 466 ) 특히, 프로토타입의 경우에 객체 상속이 포인트인거 같아서프로토타입으로 상속하는 이유랑 간접 참조를 위주로 작성해보겠습니다클래스 상속의 경우, 상속 주고 받는 형식을 위주로 작성했습니다 :) 프로토타입객체 지향 프로그램 언어인 자바스크립트의 핵심 개념인 상속은, 어떤 객체의 프로퍼티 또는 메서드를 다른 객체가 상속 받아 그대로 사용할 수 있는 것을 말한다 이때 JS는 프로토타입을 기반으로 상속을 구현해서, 중복을 제거하는데 이 방식에서 기존의 코드를 적극 활용하는.. [week4] 비동기 처리 문성희입니다. 바로 아티클 시작합니다. 동기 처리와 비동기 처리함수의 실행과정을 먼저 알아보면 다음과 같다.함수를 호출 → 함수 코드 평가 → 함수 실행 컨텍스트가 생성 → 콜스택(실행 컨텍스트 스택)에 푸시 → 함수 코드 실행 → (함수코드 실행 종료시) 함수 실행 컨텍스트는 콜스택에서 팝되어 제거이러한 과정으로 함수가 실행되기에콜스택에 함수 실행 컨텍스트가 푸시되는 것 = 함수 실행의 시작을 의미한다.자바스크립트 엔진은 단 하나의 실행 컨텍스트 스택(콜스택)을 갖는다.모두 많이 들어본 이야기일 텐데 이 말은 "한번에 하나의 함수만 실행 가능하다"는 것이다. 콜스택의 최상위 요소인 실행 중인 실행 컨텍스트를 제외한 모든 컨텍스트는 실행 대기 중인 태스크이다.이처럼 자바스크립트 엔진은 한 번에 하나의 태.. [week 04] 비동기 처리 약속해줘 🤙🏻 (Event Loop, Promise, Async/Await) 안녕하세요! 물결웹팟 OB 박채연입니다 ! 😗 이번주차는 비동기 처리에 대해 딥다이브 해보는 시간이라 해당 부분 공부했습니다 -_- 노션으로 정리해서 노션 링크 첨부하고 갈게요! 🧞♀️ 비동기 처리 (Event Loop, Promise, Callback, Async/Await) | Notion🧞♀️ 동기 처리 / 비동기 처리chaeneey.notion.site https://chaeneey.notion.site/Event-Loop-Promise-Callback-Async-Await-6d35d4c8fc9e463fb6e99e10b3878d41?pvs=4 이전 1 2 3 다음
