임도현의 성장

🧐Component란?리액트는 화면에서 UI 요소를 구분할 때 컴포넌트라는 단위를 사용합니다. 쉽게 말하면 리액트에서 앱을 이루는 가장 작은 조각이라고 할 수 있고 레고 블록으로 집을 쌓게 된 경우 하나의 블록이 컴포넌트라고 할 수 있습니다.함수형 컴포넌트는 기본적으로 props를 통해 부모 컴포넌트에서 데이터를 전달받고, 필요하면 React Hooks를 사용해 state와 같은 추가적인 기능을 구현할 수 있습니다. 👪 Props란? Props는 컴포넌트 간에 데이터를 전달하는 도구입니다. 실제 프로젝트에서는 Props를 활용하여 데이터를 컴포넌트 계층 구조에 따라 전달하며 이를 통해 앱의 UI를 동적으로 관리합니다. 부모 state를 자식에게 전달하는 기본 흐름은 부모 컴포넌트에서 state와 s..

😤 State란?React에서 함수형 컴포넌트에서 상태(state)를 관리하기 위해 제공되는 Hook입니다. 상태란 시간이 지남에 따라 변경될 수 있는 값으로 이 값을 저장하고 관리하는데 useState를 사용합니다. 밑에 코드처럼 현재 상태값 state와 상태 업데이트 함수 setState를 두가지 요소를 배열 형태로 리턴해준다.state : 현재 상태 값을 저장하는 변수입니다.setState : 상태를 변경하기 위한 함수입니다. 이 함수를 호출하면 React는 상태를 업데이트하고, 해당 상태를 사용하는 컴포넌트를 자동으로 다시 렌더링합니다.const [state, setState] = useState(초기값);const [text, setText] = useState(""); // 빈 문자열로 초기..