• .get() vs .eq()

    .get(index) Retrieve one of the elements matched by the jQuery object. (jQuery API Documentation) 특정 index의 DOM element를 반환해준다. .eq(index) Reduce the set of matched elements to the one at the specified index. (jQuery API Documentation) 특정 index의 DOM element를 jQuery Object로 쌓인(wrapped) 상태로 반환해준다. 예시 HTML <ul> <li>List 1</li>...

  • React Timer & Todos

    import React from 'react'; import ReactDOM from 'react-dom'; class TimerAndTodos extends React.Component { constructor(props) { super(props); this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); this.state = {items: [], text: '', secondsElapsed: 0}; } tick() { /** * Arrow function */ // this.setState((prevState) => ({ // secondsElapsed: prevState.secondsElapsed + 1 // })); this.setState(function(prevState){...

  • 웹브라우저 엔진의 종류

    웹브라우저 엔진이란 ? 위키피디아에서 웹브라우저 엔진 정의 A web browser engine (sometimes called layout engine or rendering engine) is a program that renders marked up content (such as HTML, XML, image files, etc.) and formatting information (such as CSS, XSL, etc.). 다양한 웹브라우저 엔진을 알아둠으로써 크로스 브라우징을 할 수 있다....

  • HTML 잊기 쉬운 기본 정리

    HTML vs XHTML HTML은 닫는 태그를 안해놓아도, 다음으로 블록 요소가 오면 자동으로 닫는다. 하지만 XHTML은 닫는 태그를 써줘야한다. 이 방법이 더 실수를 범하지 않고 요소 구분이 확실하다. HTML <img src="/~" alt="이미지" > ## XHTML <img src="/~" alt="이미지" /> DOCTYPE 종류 Strict 엄격한 규격을 의미한다. center요소와 font요소 등을 사용하지 못 한다....