React JS

HTML 파일에 react 파일을 삽입한다.그럼 설치하지 않아도 react를 사용할 수 있다.

1. react JS element 생성하기 이 전 글에서 react를 import 했기 때문에 createElement function을 가진 React object에 접근할 수 있다. 괄호 안에 은 내가 생성하고자 하는 HTML 태그와 똑같은 이름이어야만 한다.

.

굳이 createElement를 대체하는 이유는 개발자들에게 좀 더 편리한 도구를 사용하기 위해서이다.그게 바로 JSXJSX는 JavaScript를 확장한 문법이다.생긴건 HTML이랑 비슷해서 JSX로 React 요소를 만드는게 개발자들 입장에서는 매우 편하다.위의 코

이 전 글과 똑같이 위의 코드를 아래처럼 바꿔줄 수 있다.(대소문자 잘 지켜주자) 이렇게 코드를 작성하면 이 버튼이 아니라 텍스트로 나오는데 요소들을 하나도 포함시키고 있지 않아서이다. 이 전 글에서 작성한 title과 button의 코드를 가져와보자.

state는 기본적으로 데이터가 저장되는 곳이다.어떻게 하면 React.js 어플에 값이 바뀔 데이터를 담을 수 있을까?위 코드로 React.js 코드 내에서 카운트를 셀 수 있게 만들어 볼 것이다.데이터가 바뀔 때마다 container를 리렌더링 해주어야 한다.Rea

시작하기 전, 복습을 해보자. (혹시나 내가 이해 못할까봐 남기는 글)1\. 컴포넌트나 JSX에 변수를 추가하고 싶을 땐{counter}를 추가해주는 것이다.만약 UI를 업데이트하고 싶을 땐(사용자에게 변화를 보여주고 싶을 때)render 함수를 다시 호출하면 된다.위

1.

1. state

unit conversion(단위 변환) 앱을 만들어보자.minutes -> hours우리가 알다시피 JSX는 HTML과 매우 유사하다.위에 코드에서도 아래의 코드를 HTML로 작성해도 문제가 없었다.예를 들어, label 태그를 사용해보자. label은 input 옆