.png)
2023.10 ~ 2023.12(2개월) 프론트엔드 3人
포페인팅 아트스쿨은 포페인팅 표현을 위한 온라인 강의 서비스로, 이 프로젝트를 통해 웹 개발 전반에 대한 시야를 확장하게 되었습니다. React와 Firebase를 활용해 프론트엔드와 백엔드의 상호작용을 경험하면서, 클라이언트와 서버 간 데이터 흐름의 중요성을 깊이 이해하게 되었습니다.
특히, 데이터 관리와 상태 관리의 ****중요성을 배우는 계기가 되었습니다. 프로젝트 초기에는 단순한 상태 관리만으로도 충분할 것이라 생각했지만, 시간이 지남에 따라 데이터가 많아지고 복잡해지면서 React-query와 같은 도구를 활용하여 비동기 데이터 관리의 효율성을 경험했습니다. 이를 통해 캐싱, 리페치 등의 개념을 이해하고, 데이터를 더욱 체계적으로 관리할 수 있었습니다.
또한, Firebase 호스팅과 GitHub Actions를 활용해 CI/CD 파이프라인을 구축하면서 자동 배포 프로세스를 경험했습니다. 이를 통해 코드 변경 사항이 배포 브렌치에 push 될 때마다 자동으로 배포가 이루어지도록 설정하여 개발 효율성을 크게 향상시킬 수 있었습니다.
React: 컴포넌트 기반 개발과 useEffect, useMemo 등의 hook을 이용한 효율적인 렌더링으로 사용자 인터페이스를 빠르고 유연하게 구축할 수 있었습니다.
Firebase: 소규모 프로젝트에서 백엔드 구축 시간을 절약하고, 실시간 데이터베이스와 인증 기능, 호스팅 기능을 사용하여 손쉽게 백엔드 구축 및 배포까지 처리할 수 있기에 선택했습니다.
React-Query: 서버 상태 관리와 캐싱을 효율적으로 처리하여 데이터 fetching 로직을 간소화하고 애플리케이션의 성능을 향상시켰습니다.