[1] 부트캠프 프로젝트 - 1주차 프로젝트(소개 홈페이지)

2024. 9. 1. 14:46부트캠프 프로젝트

728x90

 

0. 사용기술

ㄴ html/css, Javascript, JQuery

ㄴ 형상관리 : github

ㄴ 데이터베이스 : firebase

 

1. 개요 및 소개

※ 팀에 대한 설명과 팀원들에 대한 정보를 확인할 수 있고, 팀원과 방명록을 등록하고 관리할 수 있다.

※ 초기에 웹개발종합반 강의 기준의 프로젝트로 백엔드 언어를 따로 사용하지 않았음.

ㄴ 구성은 위와 같이 이루어지며 메인페이지,멤버소개, 방명록으로 나뉘어져 있다.

ㄴ 방명록은 메인페이지 하단에서 등록 및 수정과 확인이 가능하다.

ㄴ 멤버소개는 페이지를 이동하여 수정이 가능하다.

 

2. 담당 파트

  1. 방명록 전체 구조 퍼블리싱
    1. 입력폼
    2. 목록
  2. 방명록 데이터 전달 관련 스크립트 및 제이쿼리 가공
    1. 각각의 데이터만 취급해야하는 부분 중점적
    2. 수정시 인풋영역 및 취소
    3. 해당 가공 데이터로 팀원이 만들어놓은 firebase로 값 전달하여 최종 완료
  3. 멤버수정 데이터 전달관련 스크립트 및 제이쿼리 가공
    1. 버튼 추가하여 인풋 활성화, 비활성화 컨트롤
    2. 각 멤버의 정보 인풋에 담기 / select value에따라 seleted 되도록
    3. firebase updateDoc 전체작업
    4. 수정,삭제부분 기준데이터 전달
  4.  최종 오류 체크 및 기능 수정

ㄴ 맡은 파트는 이러했다.

 

 

ㄴ 방명록 영역 - 전체진행(직접퍼블리싱포함 부트스트랩x)

 

ㄴ 멤버수정 페이지

- get값 가져오는 부분 받기

- 이벤트 및 수정 삭제

 

3. 간단 회고

ㄴ 추가적으로 기능들을 넣는 작업을 가진다면 훨씬 완성도 있는 홈페이지가 될거란 생각을 했다.

ㄴ firebase를 기반으로 쓰고있지만 MySQL같은 RDBMS도 같이 연동하거나, 추후 Java로 개발을 해서 기능을 넣는거도 좋을것 같다.

ㄴ firebase 연동하는 부분을 알게되서 좋았다.

ㄴ 스크립트 제이쿼리 html/css는 근무중에 해왔던 것들이라 수월했다.

728x90