Custom Element의 몇 가지 규칙

1. 사용자 설정 요소의 이름에는 대시(-)가 포함되어야 한다.
   <x-tags>, <my-element>, <my-awesome-app> 등은 모두 유효한 이름이지만
   <tabs>, <foo_bar>는 유효하지 않은 이름이다.
   일반 HTML 태그 요소와 사용자 설정 요소를 구분하기 위함.
2. 동일한 태그를 두 번 이상 등록할 수 없다. DOMException이 발생함.
3. 항상 닫는 태그를 작성해줄 것(<app-drawer></app-drawer>)

React, Vue 등의 라이브러리나 프레임워크를 사용하지 않고도
VanillaJS만으로 페이지 요소들을 Web Components로 분해할 수 있는 기능이 있다.
내가 본 유튜브 강좌에선 ‘Custom, Reusable and Encapsulated HTML Tags’라고 소개함.

Graph

Graph의 데이터들은 nodes / vertices 라고 부름.
node들이 연결된 관계 선을 edges라고 부름.
Directed / Undirected graphs로 구분됨.
Node들의 관계에 방향이 있느냐, 없느냐의 차이.

Tree

Tree 자료구조는 Node로 이루어짐.
꼭대기는 Root.
Root Node에서 아래의 Node들로 내려가면서 이어지는 자료구조.

오늘부터 프로그래머스에서 알고리즘 문제 풀이를 시작했다.
자료구조도 열심히 공부하고 해서 고득점 Kit를 2/3 이상 풀어내는 것이 목표.

리스트 자료구조는 데이터를 순차적으로 저장함.
데이터의 중복을 허용함.
크게 연결 리스트(Linked List)와 배열 리스트(Array List)로 나뉨.

갑분자;
최근에 코딩테스트를 봤는데 결과보고 충격을 먹어서 공부를 시작했다.
코딩테스트 공부를 자바스크립트로 하면 나중에 코드 짤 때도
구현 능력이 향상되지 않을까 하는 생각으로. 겸사겸사 공부하고 있다.

XMLHttpRequest

AJAX 모델의 핵심 API