React에서의 Handling event는 DOM elements에서의 Handling evnet와 유사하다. 다만 React에서는 아래의 몇 가지 주의할 점을 정리해보자. Handling Event 사용법 React events는 camelCase 표기법으로 나타낸다. event handler를 넘길 때 JSX 문법으로 넘...

참고로 React 정리를 어떻게 할까 고민하다가 React 공식 사이트의 Docs를 읽어보고 정리하기로 정했다. 누군가가 내 글을 보고 부족함을 느낀다면 React 공식 Docs를 찾아보길 권한다. State State를 공부하기 위해 Clcok 컴포넌트를 만들어 보자. function Clock(props) { return ( ...

Elements Elements는 React app의 최소 단위이다. Element와 Component를 혼동해서는 안된다. Component는 Elements(요소들)로 이루어 진다. Components Components는 UI를 독립적으로 나눌 수 있게하고, 코드 재사용을 통해 생산성을 높힌다. 잘 할때 말이지… Components는 Jav...

Why JSX? React를 공부하기 전에 JSX를 정리해 보자. JSX는 뭘까? 리액트 공식 페이지에서는 아래와 같이 JSX를 소개하고 있다. This funny tag syntax is neither a string nor HTML. It is called JSX, and it is a syntax extension to JavaSc...

GitHub Blog 시작.. 항상 찾아보고 정리는 하지 않았는데 자꾸 까먹는다.

Git Blog 포스팅을 위해 Markdown 문법을 알아야겠다. Headings ’#’의 개수에 따라 Heading level이 달라진다. ‘#’과 Text 사이에는 공백이 반드시 있어야 한다. Markdown HTML # Heading level 1 &#6...