TLI-5주

React

• 왜 자바문법을 안쓰고 리액트를 쓰는가?

  • 데이터 바인딩이 쉽다

• 모든 변수나 함수는 jsx에 {변수 or 함수() } 중괄호 안에 써내려갈 수 있다.

• Jsx에 style을 쓸 수 있다?(O/X)

  • 네, 쓸 수 있습니다. style쓰고 중괄호 안에 object형식으로 쓸 수 있다! style = { fontSize : 12px}

• 데이터를 보관하는 방법은 두가지 (아래의 표 참조)

  • 변수에 보관	states 에 넣기
    	import react {변수이름}from 'react'c
    function 함수이름(){ let hello = '안녕'}	function 함수이름(){ let =[글제목,글제목변경] = 변수이름('코트추천');
    return ( { hello } )	return ( { 글제목 } )

• 왜 state 쓰냐?

  • 숫자,문자,arr,obj 다 저장가능
  • web이 app 처럼 동작하기 위해서
  • state 가 변경되면 자동으로 재랜더링 된다.(새로고침이 필요가 없다)
  • ** 자주 바뀌는 중요한 데이터는 state로한다

router:길을 정해줌 -> 최상위에 있어야함
와이파이 공유기처럼 연결해줌
route: 길 그 자체

"JSX" is React-style 'JavaScript→HTML'.

Component is a function that returns HTML, which is shape of the 'Self-Closing Tag' (< />).

And Prop(full name.Property) is the way to give information to the component,
which is the shape of the 'Attribute'(< ~="~">).
These 'attribute' goes to the component(=function)'s argument as 'props',
but you can use curly bracket( { } ) to get props from inside of props

proptype 를 install해서 타입을 알 수 있다.

setState()함수를 호출하면 새로운 state와 함께 render()를 호출한다