개발/JavaScript (자바스크립트)
-
Argument(인자)와 Parameter(매개변수)개발/JavaScript (자바스크립트) 2022. 5. 4. 10:07
인자와 매개변수의 차이점은 뭘까? Argument(인자) let variable = functionName(a1, a2, a3 ... aN); Variable(a1, a2, a3 ... aN); 함수(Function)를 호출할 때 전달되는 실제 값을 의미한다. 단어를 그대로 직역하여 '인자'로 외우기보다는, 전달 값으로 이해하는게 도움이 되겠다. Parameter(매개변수) function functionName(para1, para2, para3 ... paraN) { } 함수의 정의부분에 나열되어 있는 Variable들을 의미한다. 예제 //Function(함수)의 Parameter(매개변수) function sum(a, b){ return a + b } //console.log 출력문 안에서 Fun..
-
Event Bubbling개발/JavaScript (자바스크립트) 2021. 8. 3. 16:28
특정 개체의 Event를 지정해 실행했을 경우에도, 상위 개체의 Event 또한 같이 실행되는 모습을 보았을 것이다. 이는 DOM 이벤트 처리 흐름과 관련이 있다. Event Bubbling (이벤트 버블링) 아래 예를 보자 HTML 코드와 JS코드가 아래와 같을 때, 브라우저 상에서 '철수'를 누르면 어떻게 될까? 철수 영희 지수 // JS 코드 const list = document.querySelector('#list'); const child = list.children; function event1() { console.log("list"); } function event2() { console.log("child"); } list.addEventListener('click', event1); ..
-
EventListener와 EventHandler개발/JavaScript (자바스크립트) 2021. 8. 2. 17:13
EventListener 없이 한 요소에 여러 EventHandler를 할당하게 될 경우, 효율적인 관리가 어렵기 때문에 유지보수 측면에서 어려움이 많을 것이다. 아래는 EventListener에 EventHandler를 등록하고 삭제하는 예제이다. // 이벤트 리스너에 이벤트 핸들러 등록 (요소를 담고있는)변수.addEventListener('이벤트 타입(속성)', 이벤트 핸들러); // 이벤트 리스너에 등록된 이벤트 삭제 (요소를 담고있는)변수.removeEventListener('이벤트 타입(속성)', 이벤트 핸들러)); // removeEventListener는 addEventListener로 생성한 이벤트만 삭제할 수 있다. 위 예제를 활용하여 #idName를 담고 있는 variable에, Ev..
-
코드잇 코드잇 코드잇!개발/JavaScript (자바스크립트) 2021. 7. 30. 02:11
제대도 했겠다… 6개월의 휴학기간 동안에는 손 놓고 있던 JS를 다시 리마인드 하자라는 마음으로 Codeit 대학생 활동을 지원했다. "이거 물건이네.." 생각했던 것보다 괜찮다. 개발환경을 따로 구축할 필요 없이 웹 사이트 상에서 코드를 돌려 볼 수 있더라, 수업 끝나고 중간 중간마다 껴있는 퀴즈도 좋았고 현재는 JS 프로그래밍 (중급) 수업 듣고 있다. 빨리 머릿속에 집어넣고, Node.JS 수업 듣고 싶네... 유닉스 CLI 수업도 있더라. 유용해 보이니깐 꼭 놓치지 말고 들어야지. Codeit을 통해 개발자가 되기 위한 역량을 튼튼하게 갖출 수 있는 기회가 되었으면 좋겠다.