플러스프로젝트 배경
교육 서비스의 웹 기능을 React 화면으로 구현하면서 화면 내부 상태와 여러 컴포넌트가 공유하는 상태를 구분해 관리할 필요가 있었습니다. React Hooks와 Context API를 역할에 맞게 사용해 화면 상태가 기능 흐름 안에서 일관되게 이어지도록 구성했습니다.
프로젝트 성과
교육 서비스 프런트엔드 구축
교육 서비스 기능을 사용자가 이용할 수 있는 React 웹 화면으로 구현했습니다.
화면 상호작용·상태 흐름 완성
사용자 조작에 화면이 반응하고 필요한 상태가 화면 전반에서 일관되게 이어지도록 구현했습니다.
핵심 기능
React 컴포넌트 화면
교육 서비스의 웹 기능을 React 컴포넌트 기반 화면으로 구성했습니다.
진행 단계
화면 기능 구조화
2022.03.
교육 서비스 기능을 React 화면과 컴포넌트 단위로 나누어 구현 범위를 정리했습니다.
프로젝트 상세
웅진 라이브올 교육 솔루션의 React 웹 화면을 개발했습니다. 화면 기능을 컴포넌트 단위로 구현하고 React Hooks로 화면 내부 상태와 사용자 인터랙션을 처리했으며, 여러 컴포넌트가 함께 사용하는 값은 Context API로 관리했습니다. React 개발 범위의 참여율은 50%입니다. 화면 구현과 상태 흐름에 집중해 소개하며, 실제 학습자·수업 데이터와 내부 연동 정보는 공개하지 않습니다.
