하얀마음쵸쵸

Hook 이란??원래 존재하는 어떤 기능에 마치 갈고리를 거는 것처럼 끼어 들어가 같이 수행되는 것을 의미리액트의 훅도 마찬가지로 리액트의 state와 생명주기 기능에 갈고리를 걸어 원하는 시점에 정해진 함수를 실행하도록 만든것  대표적이고 많이 사용됨 useState() : state를 사용하기 위한 Hook 예시로 아래 코드를 보자 import React, { useState } from "react";function Counter(props) { var count = 0; return ( 총 {count}번 클릭했습니다. count++}> 클릭 );}위의 코드에서 Counter 컴포..

Jsx : a syntax extension to JavaScript 즉 자바스크립트의 문법 확장 버전 JavaScript + xml/html = jsx ex ) const element = 갓민 , 안녕 ; 자바 스크립트 문법 = html문법의 결합 이 개념이 jsx 자주 보던 유형이다. 이렇게 리액트에는 jsx는 자주 사용된다. jsx를 사용하면 createElement를 자동으로 사용 따라서 자바스크립트로 작성한거 보다 더 간결성(코드작성) , 가독성(유지보수) ,Injection Attacks 방어, 다만 필수는 아님, 권장 사항임 여기서 간결하다는 말은 아래 예시를 보며 이해하자 jsx 사용함 Hello, {name} jsx 사용 안함 React.createElement('div', null, ..