[멋쟁이사자] 백엔드 - 43일차 회고록

43일차

학습 목표

1. React 프로젝트를 구성하여 JSX로 UI를 개발하고, 함수형 컴포넌트 정의 및 화면 분할을 통해 구조화할 수 있다.
2. Props를 활용하여 컴포넌트 간에 데이터를 효율적으로 전달할 수 있다.
3. useState 훅을 사용하여 컴포넌트의 동적인 상태를 관리하고, 이벤트 핸들러를 통해 사용자 입력을 처리할 수 있다.
4. 입력 필드와 상태를 연결하여 폼 데이터를 실시간으로 반영하고, 몸 제출 이벤트를 처리하여 데이터 전송 로직을 구현할 수 있다.

React

리액트의 경우에는 기존에 했던 프로젝트에서 다뤄봤던 경험이 있어서 기반 지식이 있는 편이다.

때문에, 학습 내용들의 경우 대다수가 알고 있던 내용들이라서 내가 잘못알고 있었는지 점검하는 시간이었던것 같다.

리액트의 대한 정리는 블로그 글로 남겨뒀다.

Props

프롭스는 리액트에서 빼놓을 수 없는 중요한 객체다.

프롭스가 있기 때문에 부모 -> 자식 컴포넌트로 데이터를 전달해줄 수 있다.

프롭스를 사용하면 Java에서 함수처럼 코드를 재사용할 수 있다.

리액트의 경우 단방향 데이터 흐름을 가지기 때문에 Props는 필수적으로 사용해야 한다.

해당 내용은 블로그 글로 정리해뒀다.

useState

웹 사이트를 사용하다보면 사용자가 버튼을 클릭하거나, 검색창에 문자를 입력하면 그에 따라 반응하는 경우를 많이 본다.

useState는 바로 이 기능을 지원하는 함수라고 생각하면 된다.

useState를 사용하지 않으면 사용자의 행동에 따라 데이터가 변경되더라도 웹에는 반영이 되지 않아 정적인 문서가 되어버린다.

때문에 우리가 만들 동적인 웹의 경우에는 이 useState를 사용한다고 생각하면 된다.

해당 내용은 블로그 글에 정리했다.

총평

금일은 부트캠프에서 리액트를 처음 학습한 날이기도 하고 리액트의 기본적인 요소, 웹에 필수적인 요소에 대해 학습했다.

이론적인 부분에 그치지 않고, 직접 코드를 작성하여 어떤 방식으로 동작하는지 흐름을 살펴보는 날이었다.