리액트 간단 정리

2018-03-19

1. handling events

  • 리액트 이벤트는 camelCase로 이름지어야 한다.
  • html 방식과 가장 큰 차이점은 이벤트 전파를 막기 위해 html에서 return false를 전달하는 것과 달리 react에서는 반드시 preventDefault()를 호출해야 한다. 
    // html
<a href="#" onclick="console.log('The link was clicked.'); return false">
Click Me
</a>


Read More

자바스크립트와 브라우저

2018-03-12

1. DOM: 문서 객체 모델

  • DOM은 HTML 문서의 구조를 나타내는 표기법인 동시에 브라우저가 HTML 문서를 조작하는 핵심이다.
  • DOM은 트리 구조로 표현하며 DOM 트리는 노드(node)로 구성된다. 루트 노드를 제외하면 모든 노드에 부모가 있으며, 자식 노드는 있어도 되고 없어도 된다.
  • 루트 노드는 document이며 자식 노드는 <html> 하나뿐이다. <html> 요소에는 자식으로 <head> 요소와 <body> 요소가 있다.
  • DOM 트리의 모든 노드는 Node 클래스의 인스턴스이다. Node 객체에는 트리 구조를 나타내는 ParentNode, childNode, nodeName, nodeType과 같은 프로퍼티가 있다.

Read More

자바스크립트 정규표현식

2018-03-06

1. 정규식 만들기

자바스크립트의 정규식은 RegExp 클래스이다. RegExp 생성자로도 정규식을 만들 수 있지만 간편한 리터럴 문법도 있다. 정규식 리터럴은 슬래시도 감싼 형태이다. RegExp 생성자를 써야만 할 경우가 아니면 더 간편한 리터럴 문법을 쓰는게 좋다. 하지만 정규식은 HTML처럼 매우 복잡한 것을 검색하기에는 알맞지 않다. 제대로 동작하는 것이 필요하다면 전용 파서를 찾아야 한다.

Read More

자바스크립트 Math

2018-03-05

자바스크립트의 숫자는 모두 IEEE 754 64비트 부동소수점 숫자이다. 자바스크립트는 복잡한 숫자나 아주 큰 숫자는 지원하지 못한다. 전문적인 수식 구조나 알고리즘이 필요하다면 Math.js를 사용하라.

Read More