- 전체보기(56)
- TIL(30)
- JavaScript(26)
- 알고리즘(14)
- 코드스테이츠(14)
- 한주회고(13)
- CODESTATES(13)
- 프로그래머스(11)
- React(6)
- 배열(2)
- html(2)
- array(2)
- object(2)
- 재귀함수(2)
- State(2)
- HA후기(2)
- 자료구조(2)
- DOM(2)
- 객체(2)
- 객체지향프로그래밍(1)
- 스코프(1)
- http(1)
- DNS(1)
- linux(1)
- powerset(1)
- 호이스팅(1)
- 최대공약수(1)
- 메모이제이션(1)
- 시간복잡도(1)
- callback(1)
- 트리(1)
- 탐욕법(1)
- 서버(1)
- storybook(1)
- useEffect(1)
- 조합(1)
- async await(1)
- 비동기(1)
- 네트워크(1)
- 고차함수(1)
- hoisting(1)
- REST API(1)
- 클로저(1)
- CSS in JS(1)
- 비관계형데이터베이스(1)
- combination(1)
- 사용권한(1)
- CSS(1)
- hook(1)
- CSR(1)
- SSR(1)
- GCD(1)
- LCM(1)
- 최소공배수(1)
- 멱집합(1)
- 스택(1)
- 관계형데이터베이스(1)
- spa(1)
- nosql(1)
- JSX(1)
- 일급객체(1)
- Database(1)
- styled component(1)
- 그래프(1)
- Props(1)
- 큐(1)
- closure(1)
- cdd(1)
- scope(1)
- permutation(1)
- 클라이언트(1)
- routing(1)
- component(1)
- 와이어프레임(1)
- promise(1)
- sql(1)
- API(1)
- greedy(1)
- 순열(1)
- Time Coplexity(1)
- OOP(1)
[TIL-20210602] 이벤트(event)
이벤트 이벤트(event)란 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 의미합니다. 브라우저에서의 사건이란 예를 들어 사용자가 클릭을 했을 '때', 스크롤을 했을 '때', 필드의 내용을 바꾸었을 '때'와 같은 것을 의미한다. 이것은 DOM의 요소와 관련이 있다. javascript 개발자는 어떤 일이 발생했을 때 실행 되어야 하는 코드를 등록하고, 브라우저는 그 일이 발생했을 때 등록된 코드를 실행하게 된다. 이 과정을 통해 사용자와 웹페이지는 상호작용(Interaction)이 가능하게 된다.이러한 방식을 이벤트 프로그래밍이라고 한다. 이벤트가 발생하면 그에 맞는 반응을 하여야 한다. 이를 위해 이벤트는 일반적으로 함수에 연결되며 그 함수는 이벤트가 발생하기 전에는 실행되지 않다가 이벤트가 발생되면 실행된다. 이 함수를 이벤트 핸들러라 하며 이벤트에 대응하는 처리를 기술한다. 이벤트 예시 이벤트 핸들러(event
[TIL-20210601] DOM
DOM(Document Object Model - 문서 객체 모델) DOM은 Document Object Model의 약자로 HTML 요소를 Javascript의 object처럼 조작할 수 있는 model이다. window 객체의 document 프로퍼티를 통해 사용할 수 있다. Dom-tree 예시 위의 예시와 같이 DOM은 계층적 구조로 되어있다. body는 h1과 p의 부모 엘리먼트이고, 또 html의 자식 엘리먼트이다. 이처럼 DOM 구조는 각 구성요소가 부모-자식 관계를 가지고 있다. HTML은 Hypertext mark-up language 이름 그대로 마크업 언어이지 프로그래밍 언어가 아니기 때문에 javascript에서 사용했던 함수, 조건문, 반복문