개발지식10 이벤트 위임 🤩 이벤트 위임이란❓ 🌱 이벤트 위임이란 하위 요소마다 이벤트를 붙이지 않고 상위 요소에서 하위 요소의 이벤트들을 제어하는 방식을 말합니다. 부모 안에 있는 자식들에게 공통적으로 무언가 처리해야 할 때 일일히 이벤트 리스너를 자식 노드에 추가하는 것은 좋지 않습니다.이벤트 버블링을 응용하여 부모 엘리먼트에 리스너를 위임하여 부착하면, 리스너의 개수를 1개로 줄여 최적화할 수 있습니다. 🍄 이벤트 위임의 동작 컨테이너에 하나의 핸들러를 할당합니다. 핸들러의 event.target 을 사용해 이벤트가 발생한 요소가 어디인지 알아냅니다. 원하는 요소에서 이벤트가 발생했다고 확인되면 이벤트를 핸들링합니다. 🍄 이벤트 위임의 장점 요소를 추가하거나 제거할 때 해당 요소에 할당된 핸들러를 추가하거나 제거할 필요가 .. 2022. 6. 8. SEO란? 🤩 SEO란❓ 🌱 SEO(Search Engin Optimization: 검색엔진최적화) 네이버나 구글같은 검색 엔진에 뭔가를 검색했을 때, 내가 만든 사이트가 검색 결과에 더 잘 보이게 하기 위한 과정입니다. 검색을 하면, 검색 엔진이 내 사이트 내용물(메타 태그, html 내용 ...)을 한 번 훑어가고(크롤링), 내용물에 특정한 인덱스 같은 걸 만듭니다. 그리고 이 인덱스 같은걸 검색 결과에 보여줍니다. 검색 엔진 최적화는 검색 엔진이 내 사이트를 크롤링할 때 정보를 더 잘 가져갈 수 있도록 도와주는 과정이기도 합니다. SEO에서 얘기 하는 것은 구글의 검색엔진이 찾을 수 있고, 이해할 수 있는 사이트를 만들라는 것이다. 그렇게 하기 위해서는 아래의 요건들을 체크해볼 필요가 있습니다. 🍄 robot.. 2022. 6. 7. Angular와 React의 차이점 🤩 Angular와 React의 차이점 ❓ 🌱 Angular란 타입스크립트 기반 오픈소스 프레임 워크이며, 구글 앵귤러 팀이 만들었습니다. 양방향 바인딩이 지원되며 RxJs(Reactive Extensions For JavaScript)로 스트림을 통한 비동기 처리 방식을 지원합니다. 라우팅, 상태관리, 폼 유효성 등 필요한 도구를 모아 놓은 올인원 프레임워크입니다. 리액트보다 배울 것이 많고, 어려운 편으로 러닝커브가 큽니다. 가볍고 빠른 작업을 해야되는 프로젝트보다 큰 프로젝트에 사용하기 적합합니다. 허나 지금은 지원이 중단된 상태입니다. 🌱 리액트는 자바스크립트 라이브러리로 페이스북에서 처음 만들어졌습니다. 버츄얼 돔을 지원하고, 단방향 바인딩이 지원됩니다. SPA방식으로 진행한다면 검색엔진 노출에.. 2022. 6. 7. 타입스크립트란 ? 🫠 타입스크립트란 ❓ 🌱 자바스크립트에 정적 타입을 부여한 언어입니다. 타입스크립트는 자료형을 명시하는 방식을 지원하고 일반 자바스크립트로 컴파일 됩니다. 대규모의 리펙토링을 할 때 유지보수를 용이하게 할 수 있게 도와주며 자바스크립트를 사용할 때보다 에러는 적어집니다. 자료형이 있는 자바스크립트의 상위 집합이라고 볼 수 있습니다. 🫠 상위집합 그게 뭐지 ? 타입스크립트 파일에 일반 자바스크립트를 작성해도 되며 오류가 발생하지 않음을 의미합니다. 🫠 타입스크립트 동작 과정❓ 1. 개발자가 타입스크립트로 작성합니다. 2. 작성한 타입스크립트 코드는 타입스크립트 컴파일러를 통해 파싱하여 타입스크립트 AST코드로 변환됩니다. 3. 타입검사기를 통하여 파싱된 타입스크립트 AST코드의 타입을 체크합니다. 4. 타.. 2022. 6. 7. 이전 1 2 다음
