Hello, Freakin world!

UseEffect 훅의 용도 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook 예제 코드 import {useEffect} from "react"; function App() { useEffect(() => { console.log("화면 렌더링 됨."); }) return ( Hello ); } export default App; return 문에 정의된 JSX가 렌더링 될때마다 useEffect가 호출됩니다. useEffect의 파라미터 function useEffect(effect: EffectCallback, deps?: DependencyList): void; useEffect 함수는 화면이 렌더링 될 때 실행할 콜백 함수와 렌더링을 유발하는 대상 리스트를 파라미..

리액트 왜쓰지? 실제 페이지의 DOM은 느리다. 왜 느린가? 실제 페이지는 여러 요소들이 중첩되어 있다. DOM을 각 요소들을 하나의 오브젝트로 나타냄. 브라우저는 DOM 요소들이 변할때마다 새로 그려내고, 이 부분에서 성능 저하가 나타남. 이를 개선한게 리액트. Virtual DOM 이라는 개념을 도입. 변경사항을 바로 DOM에 반영하는게 아니라, 리액트 자체의 Virtual DOM 이라는 구조에 변경사항을 쌓아두고 나서 반영. 실제 DOM에 반영하는 횟수를 줄임. 성능의 개선으로 이어짐. Node.js 패키지 관리 도구 npm, yarn 두 가지가 있음. 패키지를 관리해주고 프로젝트를 빌드하기도 하고 실행시킬 수도 있음. maven, gradle 같은 툴인듯? JSX란? 리액트에서 자체적으로 제작한 ..