[1] 부트캠프 프로젝트 - 1주차 프로젝트(소개 홈페이지)
2024. 9. 1. 14:46ㆍ부트캠프 프로젝트
728x90
0. 사용기술
ㄴ html/css, Javascript, JQuery
ㄴ 형상관리 : github
ㄴ 데이터베이스 : firebase
1. 개요 및 소개
※ 팀에 대한 설명과 팀원들에 대한 정보를 확인할 수 있고, 팀원과 방명록을 등록하고 관리할 수 있다.
※ 초기에 웹개발종합반 강의 기준의 프로젝트로 백엔드 언어를 따로 사용하지 않았음.
ㄴ 구성은 위와 같이 이루어지며 메인페이지,멤버소개, 방명록으로 나뉘어져 있다.
ㄴ 방명록은 메인페이지 하단에서 등록 및 수정과 확인이 가능하다.
ㄴ 멤버소개는 페이지를 이동하여 수정이 가능하다.
2. 담당 파트
- 방명록 전체 구조 퍼블리싱
- 입력폼
- 목록
- 방명록 데이터 전달 관련 스크립트 및 제이쿼리 가공
- 각각의 데이터만 취급해야하는 부분 중점적
- 수정시 인풋영역 및 취소
- 해당 가공 데이터로 팀원이 만들어놓은 firebase로 값 전달하여 최종 완료
- 멤버수정 데이터 전달관련 스크립트 및 제이쿼리 가공
- 버튼 추가하여 인풋 활성화, 비활성화 컨트롤
- 각 멤버의 정보 인풋에 담기 / select value에따라 seleted 되도록
- firebase updateDoc 전체작업
- 수정,삭제부분 기준데이터 전달
- 최종 오류 체크 및 기능 수정
ㄴ 맡은 파트는 이러했다.
ㄴ 방명록 영역 - 전체진행(직접퍼블리싱포함 부트스트랩x)
ㄴ 멤버수정 페이지
- get값 가져오는 부분 받기
- 이벤트 및 수정 삭제
3. 간단 회고
ㄴ 추가적으로 기능들을 넣는 작업을 가진다면 훨씬 완성도 있는 홈페이지가 될거란 생각을 했다.
ㄴ firebase를 기반으로 쓰고있지만 MySQL같은 RDBMS도 같이 연동하거나, 추후 Java로 개발을 해서 기능을 넣는거도 좋을것 같다.
ㄴ firebase 연동하는 부분을 알게되서 좋았다.
ㄴ 스크립트 제이쿼리 html/css는 근무중에 해왔던 것들이라 수월했다.
728x90
'부트캠프 프로젝트' 카테고리의 다른 글
[2] 부트캠프 프로젝트 - 1차프로젝트 추가기능 넣기 (2) | 2024.10.16 |
---|