웹페이지 만들기 프로젝트

프로젝트를 진행하며 HTML, CSS를 직접 구현하며 웹의 구성과 우리가 보는 페이지는 어떻게 구현되었는지 배웠고

JavaScript로 클라이언트에 동적 기능과 Firebase와의 상호 작용, DOM 조작, 이벤트 처리에 대해 어떻게 흘러가는지 배웠습니다.

또한 Bootstrap에서 반응형 디자인과 미리 정의된 컴포넌트를 어떻게 활용하는지와 구글 폰트에서 자신이 원하는 폰트를

어떻게 적용하는지에 대해 배웠습니다.

프로젝트를 진행하며 Bootstrap에서 이미 구현된 컴포넌트와 반응형 디자인을 가져오더라도 기본적인 지식이 있어야

활용할 수 있음을 실감하게 해주었고 프론트엔드 분야에 발을 담구어 봄으로써 웹의 작동 흐름과 백엔드와의 연관성에 대해

잘 알 수 있었습니다. 이런 경험을 해보면서 '앞으로 백엔드 개발자가 되었을때 프론트엔드 개발자와 좀 더 소통을 잘할 수 있지 않을까?'라고 생각해 봅니다.

 

팀원 소개 페이지 프로젝트

프로젝트 진행일 : 2024.12.26 ~ 2024.12.27

 

구현한 기능 :

팀원의 등록, 조회, 상세 정보 표시, 삭제 등의 기능을 구현,

방명록의 작성, 삭제, 표시 기능 구현,

Firebase 연동하여 팀원의 정보와 방명록 데이터를 저장하고 관리,

모달을 사용하여 팀원 등록 및 삭제 시 모달 창을 사용하여 UX 개선

 

사용 기술 :

Html, CSS, Javascript, GitHub, firebase