💻[React Native] 강의 끄적

웹을 타겟으로 가능하며, 최종적인 마감 작업(앱)으로 활용 가능
글자를 넣고 싶을 때는 꼭 <Text>로 표시!
그냥 바로 <div> <p> 등을 넣을 수는 없음
중괄호-> js 표시 어떤 것들 모두 들어갈 수 있음
변수가 바깥에 있어도 사용한 global scope 사용 가능(js 규칙 그대로 따름)
js의 표현식이 가능한 XML
내용이 없는 VIEW 단축 표현이 가능<VIEW/>
중괄호가 등장
onPress 안에다 함수 전달
state->단순 변수가 아닌 화면에 출력을 하기 위한 변수!

함수 컴포넌트: 반드시 return이 있어야함!

어떻게 화면에 표시될 것인가?에 대한 최소한의 내용이 들어있어야 함
함수 하나하나에 최소화된 내용을 담고 각각 컴포넌트 안에는 해당 컴포넌트를 해석할 수 있는 간략한 형태의 최소 내용을 갖도록 함
렌더링 할 때 마다 실행됨 : 화면에 갱신이 있어서 변하가 무언가 있을 때 매번 다시 한 번씩 실행됨, 변수 선언 또한 매번 다시 실행되게 됨

따라서 useState 사용

STATE로 만들어진 값들은 기존의 값을 기억하고 있음
변수로 선언: 새롭게 다시 시작
useState: 이전의 값들을 기억
state변경-> 변경 자체가 render를 호출하게 되는 트리거
갱신하고 싶은 시점에 갱신 가능

useState는 react component에서만 실행되도록 기능

stat``e는 함수 영역 안에서만 가능
따라서 함수 component 안에서만 사용할 만한 것으로 설정
여러 개의 componenet->각자 필요한 state 선언이 필요

배열 return

react dom으로만 구성된 배열은 return이 가능 (태그로 묶인)
배열-> map함수 return은 배열, 새로운 배열을 만듦
배열로 화면 출력, 순수하게 js의 영역

props

tag에 전달된 objective attribute들을 js 형태로 바꾸어서 전달하는 것

시간과 관련된 라이브러리: Luxon

useEffect, setInterval

useEffect: 변화를 감지하는 hook (주시 대상), 최초 한 번은 실행됨
주시대상이 비어있으면, 최초 동작 후 아무 동작을 하지 않는 것
useEffect는 함수를 return 해야함: useEffect의 수명이 끝나는 상황= component가 화면에서 제거될 때, return

  const [date, setDate] = useState(DateTime.now());
  useEffect(() => {
  	const id = setInterval(() => {
 	 setDate(DateTime.now()); //1초에 한번씩 갱신되면서 화면의 시간이 바뀜
     },	1000 ); //1초에 한 번씩 일어나는 것
     return ()=>clearInterval(id);
	},[]);

평가식

1. ??: undefined나 null이 왔을 때 뒤의 value가 있으면 value값을 할당한다. , 기본값 할당
   null ?? 'value'
2. || : falsy(0, false, undefined, null, ' ')한 값이 들어오면, value를 할당한다.
   0 || 'value'