플러스프로젝트 배경
학원 연계와 진단검사 기능을 React 화면으로 제공하면서 화면 내부 상태와 여러 컴포넌트가 공유하는 상태를 구분해 관리할 필요가 있었습니다. React Hooks와 Context API를 사용해 학원 연계형 서비스의 화면 흐름이 일관되게 이어지도록 구성했습니다.
프로젝트 성과
학원 연계 프런트엔드 구축
학원과 디지털 서비스가 연결되는 사용자 화면을 React로 구현했습니다.
진단검사 화면 흐름 구현
노규식 진단검사 기능을 사용자가 이용하는 React 화면 흐름을 구현했습니다.
핵심 기능
학원 연계 React 화면
학원과 디지털 서비스를 연결하는 담당 화면을 React로 개발했습니다.
진행 단계
화면 기능 구조화
2023.09.
학원 연계·진단검사 기능을 React 화면과 컴포넌트 단위로 정리했습니다.
프로젝트 상세
웅진 프라임 중학 서비스의 학원 연계·노규식 진단검사 React 화면을 개발했습니다. 화면 기능을 React 컴포넌트로 구현하고 Hooks로 화면 내부 상태를 처리했으며, 여러 컴포넌트가 함께 사용하는 값은 Context API로 관리했습니다. 독립 강의 플랫폼이 아니라 학원 연계형 중학 서비스이며 React 개발 참여율은 50%입니다. 실제 학생 진단 결과와 학원 운영 정보, 내부 연동 설정은 공개하지
