EBA센터
Next.js, Firebase - Firestore, Recoil, react-query, Tailwind CSS …
🏙️ “EBA센터”는…
단계적 적응형 세종 한국어평가(SKA)연구사업을 진행하는 EBA센터(교육 빅데이터 응용연구센터)의 홈페이지 외주 제작 및 배포를 진행했습니다.
👩👩👧👦 “EBA센터” 외주 제작팀 구성…
기획(2인) - 신현호, 최윤석
개발(6인) - 강건, 배병찬, 신현호, 이승현, 이준경, 최윤석
디자인(2인) - 신현호, 이도율
📈 “EBA센터”의 외주 진행은…
EBA 센터 홈페이지 제작 프로세스
1. 요구 분석 ☑️
- 요청서
2. 기획 회의 ☑️
- 사이트 기능 및 로직 설계
3. 제안 발표(PT) ☑️
- 사이트 맵 작성 ✓
→ 메뉴를 계층별로 구분해서 정리
- 1st depth : 상단 메뉴
- 2nd depth : 좌측 메뉴
- 3rd depth : 페이지 탭
- IA(Information Architecture) 작성(사이트 맵 포함 + 페이지 ID)
- 웹사이트 기술 환경 결정
- 스토리보드 초안 작성 완료
- 최종 스토리보드 작성
- 데이터 구조 짜기
- Admin 관리 방법 논의(Firebase - Firestore CRUD & 관리자 권한(로그인))
- 제작 스케쥴 작성 및 일정 관리(노션)
- 일정표-1 : 프로젝트 전체(기획, 디자인, 개발) 일정표
- 일정표-2 : IA 기반으로 누가, 언제 해당 페이지를 작업하는지와 진행사항 표기
- 작업자 간 커뮤니케이션 방법 설정(대면)
- 최종 기획서와 제안서 작성 후 발표
4. 웹사이트 제작 ☑️
- 화면설계 -> 화면별 프로세스 설계 -> (파이어베이스-파이어스토어 CRUD)
5. 웹사이트 최종 검수 및 테스트(최종 PT) ☑️
6. 웹사이트 배포([https://www.ebacenter.org](https://www.ebacenter.org/)) ☑️
7. 웹사이트 유지보수
