[TIL]2023-03-24

오늘 배운 것

• state
• props
• React에서 환경변수 사용하기

 

---

기억할 것

• state : 변할 수 있는 값, 컴포넌트 안에서 변화되는 값
• React 컴포넌트는 state가 변경되면 새롭게 호출되고, 리렌더링 된다.
• props: 변하지 않는 외부로부터 전달받은 값, 객체형태, read-only

props를 태그와 닫는 태그의 사이에 value를 넣어 전달 할 수도 있다. 이때는 props.children 으로 접근 가능하다.

function Parent() {
  return (
    <div className="parent">
        <h1>I'm the parent</h1>
        <Child>I'm the eldest child</Child>
    </div>
  );
};

function Child(props) {
  return (
    <div className="child">
        <p>{props.children}</p>
    </div>
  );
};

• .env 파일 : 환경변수 이름을 REACT_APP_ 을 접두사로 붙여준다.
  js에서 process.env.[환경변수이름] 형식으로 사용할 수 있다.
  env 파일은 프로젝트의 최상위에 있어야한다.

---

내일 공부할 것

• 비동기/동기 - 기술면접

---

와 금요일 시간 순삭!