[React 따라하기 #3] Codepen에서 실행해보기

 

Codepen.io 에서 아래 코드를 바꿔가며 실행해 볼수 있습니다.

아래의 코드팬들의 우측상단에 Codepen 을 누르면 새창이 열리고
소스를 수정하면 반영이됩니다.

 

See the Pen XWJaQpd by Seunggeun Oh (@seunggeun-oh) on CodePen.

 

js 의 return 안에 있는 html 도 바꿔보고,

 

변수 사용하는 방법

See the Pen rNaGBVz by Seunggeun Oh (@seunggeun-oh) on CodePen.

 

그리고 아래와같이 javascript 함수들을 사용할 수 있습니다.

See the Pen OJPxLyL by Seunggeun Oh (@seunggeun-oh) on CodePen.

 

 

[React 따라하기 #1] React 개발에 필요한 도구 설치

[React 따라하기 #2] React 시작하기 hello world!

 

[React 따라하기 #3] Codepen에서 실행해보기

[React 따라하기 #4] ES6, js Class 에 대한 간단한 설명

[React 따라하기 #5] React JSX

[React 따라하기 #6] React Components(컴포넌트)

[React 따라하기 #7] React Components(컴포넌트) 참조하기

[React 따라하기 #8] React Props

[React 따라하기 #9] React State

[React 따라하기 #10] React 기본 함수 (life cycle)

[React 따라하기 #11] React Event 리액트 이벤트