개발을 해라

event.preventDefault는 a태그가 동작하는 기본동작을 방지한다. 즉 클릭을 해도 reload가 일어나지 않는다. props.onChangeMode는 onChangeMode 안에 있는 함수를 실행시킨다. 따라서 alert창이 실행된다. 는 이제 html이 아니라 유사 html이다. onClick안에 html을 넣으면 리액트 개발환경이 웹브라우저가 이해할 수 있게 html로 컨버팅해주는 것이기 때문에 여기서 사용하는 문법은 똑같지 않다. props.onChangeMode안에 있는 event.target는 이벤트를 유발시킨 태그를 가리킨다. 여기서는 a태그이며 이 a태그가 갖고 있는 id값을 갖고 오고 싶으니 event.target.id라는 값이 최종적으로 넣어졌다. 따라서 Nav안에 있는 목록..

리액트는 속성을 prop이라고 부른다. 속성이 한두개가 아니니 props라고 많이 사용하는 듯 prop을 통해 컴포넌트에 값을 전달할 수 있다. prop의 경우 중괄호 안에 들어가는데 {} 안에 들어가는 건 표현식으로 취급한다는 뜻이다. 함수 App의 에 title 과 body라는 prop을 주었다. 함수 Article안에 들어간 props는 임의로 해놓은 것이다. 다수의 사람들이 props를 쓰니 쓴 것이다. ㅁㄴㅇㄹ로 넣는다면 ㅁㄴㅇㄹ.title 이렇게 해도 된다. 이렇게 prop을 주어 title과 body는 동적으로 바뀔 수 있다. 함수 App안에 선언된 topics는 배열의 형태를 갖고 있다. Nav에서 topics 값을 불러 오려면 topics={topics}라 적어줘야 있는 그대로 값을 펼칠..

React : 사용자 정의 태그를 만드는 기술이다. => 리액트의 해당 정의는 본질이다. App 함수에는 간단하게 정리된 태그들이 있다. 일일히 작성해 어지럽혀진 것들을 모아서 함수로 정의한 과정이 있으며 리액트에서는 Component라고 한다. 내가 만든 컴포넌트를 다른 사람에게 공유할 수 있으며 다른 사람의 컴포넌트를 내가 쓸 수 있다. 이런 과정을 통해 코드를 알기 쉽게 해줘 생산성을 높일 수 있는 장점이 있다.