Core JavaScript 책/강의를 기준으로 시작하는 자바스크립트 문법 공부!(자세한 내용은 강의와 책을 참고하세욥...🙌)
프로젝트를 진행하며 이벤트 리스너를 등록하다 보니, scroll, input에 새로운 값이 주어질 때 이를 검사해주는 onChange() 메소드가 너무 짜잘한 값까지 (굳이 탐색이 필요하지 않은..) 반응하는 문제가 발생하였다...!
프론트엔드 면접을 볼 당시에 이벤트 버블링, 캡쳐링에 대한 질문을 받았었는데 대답을 제대로 하지 못해 면접을 시원하게 말아먹었던 기억이 생각나 작성하는 포스팅... 다신 볼 일없게 꼼꼼하게 정리하자..!
자바스크립트에서는 함수가 '일급'이다. '일급'이라는 얘기는 함수를 값으로써 다룰 수 있다는 얘기다.
기존과 달라진 ES6에서의 리스트 순회 (for of 문)for i++for ofES6에서는 ES5 문법과는 다른 방식으로 리스트를 순회!
for of문은 내부적으로 iterable 객체의 Symbol.iterator에 접근해서 next() 메소드를 수행하게 되어있음
본 포스팅은 김정환님의 'jQuery 보다 먼저 알았으면 좋았을 것들' 포스팅을 보고 따라 정리해놓은 글입니다. 자세한 내용은 https://jeonghwan-kim.github.io/2018/01/25/before-jquery.html 링크를 참조해주세요!\
모델, 뷰, 컨트롤러의 약자모델 : 데이터를 관리 DB에 있는 데이터를 가져와서 또 다른 객체에게 전달외부 객체로부터 입력을 받아서 DB에 넣어주는 역할 역시 수행FE에서 모델의 역할 : DB에 직접 접근 x, api 형태로 접근 => api로 데이터를 가져와서 데이터
처음 접근 방식idx, val을 저장하는 obj로 변환=> while문 돌 때 마다 계속 sort 해줘야되는 단점이 있음최종 코드구글링하다가 완전 좋은 함수를 알아냈다... some으로 모든 요소들 순회하면서 조건에 충족해주는지 판별해주는 함수! 여기다가 처음 loca
자바스크립트 타입 변환의 종류
인터프리터 언어기 때문에 컴파일 언어인 C, Java에 비해서 엄청 느리지만 브라우저나 웹 페이지를 컨트롤할 때 가장 적합한 언어!
웹 페이지 렌더링 과정
웹 페이지의 성능을 저하시키는 리페인트 & 리플로우 현상생성된 DOM 노드의 레이아웃 변경 시 영향을 받는 모든 노드(부모, 자식)의 수치를 다시 계산하여 레이아웃 트리(렌더 트리)를 재생성하는 작업width, height, padding, margin, float,
브라우저 화면에서 이벤트가 발생
'드림코딩 by 엘리' 유투버님의 영상인 ('자바스크립트 프로처럼 쓰는 팁')을 보고 스스로 정리한 포스팅입니다!
요소에 이벤트를 등록하는 일반적인 방법은 요소에 addEventListener()를 등록하는 것. 그렇다면 만약 100개의 요소에 이벤트를 등록하고 싶다면...? 🤔
DocumentFragment 노드를 사용하면, 오직 메모리상에만 존재하는 경량화된 DOM을 만들 수 있음
무명의 리터럴로 생성할 수 있다.변수나 자료구조(객체, 배열 등)에 저장할 수 있다함수의 매개변수에 전달할 수 있다.
기존 방법 (setTimeout) setTimeout 적용해서 지정된 시간마다 한번씩만 이벤트가 실행되게... Throttle & Debounce throttle : 지정한 시간마다 최대 1번만 실행될 수 있도록 도움 Debounce : 리스너가 실행된 후 다음 실행