SSONG Cloud

1. Reference https://nomadcoders.co/react-for-beginners https://ko.reactjs.org/docs/faq-state.html 2. 개념 - React.useEffect(function, dependencyList) : dependencyList의 값들이 변할 때 마다 해야 할 동작들을 정의한다. : dependencyList가 비어있을 경우 렌더링 될 때 동작을 수행한다. : 화면의 렌더링이 완료된 후 실행한다. - clean-up 함수 : React.useEffect에서 function의 반환값으로 clean-up 함수를 줄 수 있다. : component가 destroy 될 때 실행된다. - React.useMemo : 메모이제이션 된 값을 반환한다..

1. Reference https://nomadcoders.co/react-for-beginners https://ko.reactjs.org/docs/faq-state.html 2. 개념 - Props란 : 상위 컴포넌트에서 하위 컴포넌트로 전달하는 값이다. : 상위 컴포넌트에서 사용한 이름을 그대로 하위 컴포넌트에서 사용해야 한다. 3. 예제 : Props를 이용해서 하위 컴포넌트에 스타일을 적용해 보고자 한다.

1. Reference https://nomadcoders.co/react-for-beginners/lobby 2. 개념 - React란 : 자바스크립트 라이브러리로 인터페이스 생성을 위해 사용된다. : SPA(Single Page Application)을 위한 UI 구축에 사용되는 오픈소스 JavaScript 라이브러리이다. - React-DOM : React Element를 HTML 요소로 바꿔주는 역할을 한다. - Babel : 자바스크립트 컴파일러로 최신 자바스크립트 문법 등 브라우저가 이해하지 못하는 문법을 이해할 수 있도록 변환한다. : - JSX : 자바스크립트를 확장한 문법으로 React와 함께 사용된다. 3. React 사용 이유 : 하나의 동작을 만들기 위해 일반 HTML, JavaSc..