리액트 기초

function 선언 

블록을 찍어내는 기계를 지금 만들겠다

 

function Block () {

return-> 찍어낼 블록에 대해 구체적으로 명시 

 

}

export default App; 

선언한 컴포넌트를 외부에서 재사용할수있도록 내보낸다 

 

컴포넌트는 한번 정의 하고 내보내면 , 다른 파일에서 언제든디 재사용할수있다 .

---

 

props 

리엑트에서 컴포넌트 간에 데이터를 전달하게 위해 사용되는 개념

 

props 는 함수에 인지를 전달 하는 원리와 비슷하다 

 

함수가 인자를 받아 처리하듯, 컴포넌트는 props 를 받아 렌더링에 사용한다 

 

 

props 는 항상 부모 컴포넌트에서 자식  컴포넌트로 전달해야한다 

 

구조분해 할당 방식을 사용하여 props 값을 전달 받을 때는 {} 를 사용한다 .

{number}

 

구조분해 할당 방식을 이용하지 않고 props를 전달 받을 떄는  "." 을 이용해 해당 props 값에 접근 한다 

{props.number}

 

---

map ()

배열 내의 . 각요소에대해 주어진 함소를 호출한 결과를모아 새로운 배열을 반환 하는 메서드 

 

.map ( ()  {

})