React.js

React.js 라이브러리를 공부하며 글을 남겨볼 생각이다. 공식 문서(https://ko.reactjs.org/)를 참고하며 하나하나 기록하며 공부하는 것이 목표이다. React에 관한 첫 글인 만큼 본 글에선 React의 몇 가지 특징에 대해 알아볼 것이다

React에선 JSX라는 특이한 문법이 등장한다. React의 컴포넌트 class는 render()라는 메소드를 구현하여 뷰를 작성한다. 이 때, JSX 문법이 등장한다.위 컴포넌트는 <h1> 태그안에 Hello 홍길동이라는 문자열을 갖는 컴포넌트다. 앞서 말한

컴포넌트와 Props의 개념은 간단하다. 컴포넌트란 재사용 가능한 UI를 말하고, Props는 컴포넌트를 생성할 때, data를 넘겨주는 것을 말한다.React에서 컴포넌트를 생성하는 방법은 2가지다.위처럼 함수에 JSX 문법을 사용한 UI를 return 해주면 함수형

매초 업데이트되는 시계 컴포넌트를 만들며 state와 생명주기에 관해 알아보자! 앞서 배운 내용을 바탕으로 시계 컴포넌트를 작성하면 아래와 같다.부모로부터 Date 객체를 props로 넘겨받은 후, 출력하는 형식이다. 하지만 Clock 컴포넌트 자체에서 초마다 시간을