[15일 메이킹 프로젝트] #최종 후기

[15일 메이킹 프로젝트] #최종 후기

목차

1. 페이지 스크린샷

2. 작업 내용

3. 첫 프로젝트 회고

1. 페이지 스크린샷

2. 작업 내용

1. 고양이 테스트 기능 구현

5가지의 문항으로 자신과 맞는 고양이 알아보기 기능 (like mbti test)

자바스크립트 이용, 문항별 점수 합연산으로 점수에 따라 결과 페이지로 이동할 수 있도록 구현

자바스크립트 이용 버튼을 넣어 페이지 이동 없이 문항을 선택할 수 있도록 함.

자바스크립트 이용, 문항을 선택하지 않으면 문항이 선택되지 않았다는 alert이 나오도록 함.

결과 페이지에서 버튼을 클릭 시, 데려갈꼬냥? 메인페이지로 이동 가능 → 테스트 공유로 페이지 유입, 홍보 효과 up

2. 시도별 유기묘 모아보기

광역시, 도별 유기묘 고양이 정보 모아보기 가능.

각 지역별 버튼을 클릭시 페이지로 이동

ajax를 사용해 시도별 고양이 정보 호출, 데이터를 동적으로 호출할 수 있도록 제작.

3. 분류된 고양이 클릭 시 고양이 정보 모달창 기능

시도별 고양이 페이지에서, 각 고양이 카드를 클릭할 시 해당 고양이에 맞는 모달창 뜸.

고양이 카드가 가진 고유 id를 ajax로 전송, 해당 데이터를 받아와 모달창에 뜰 수 있도록 구현

4. 로그인, 로그아웃 기능 구현

누구나 쉽게 만들고 따라할 수 있도록 간단한 세션 방식으로 만들었음

로그인 상태시 네비바에서 로그아웃버튼으로 바뀌고, 로그아웃 상태시 로그인 버튼으로 바뀌도록 만듦

파이어베이스와 연동하여 회원가입할 시 회원정보가 데이터베이스로 이동함.

이미 있는 정보일 시 회원가입 불가능

5. 사이트, 만든 사람들 소개 페이지 제작

사이트에 대한 설명

만든 사람들 소개, 이름 클릭하면 각 개인의 개발일지 블로그가 새 창으로 뜸.

3. 첫 프로젝트 회고

코딩을 시작하고 1개월만에 하게 된 나의 첫 프로젝트이자 첫 팀 프로젝트.

처음보는 개념들, 기능을 구현하기 위한 다양한 방법들, 각종 오류와 부딪히며 api, ajax, 모달을 이용한 메인 기능을 만들 수 있었다. 프로젝트에 대한 책임감과 성실성을 갖춘 좋은 팀원들을 만나게 되어서 끝까지 할 수 있었던 것 같다.

협업을 통해 결과물을 만들 수 있었던게 많이 뿌듯하고, 특히 자바스크립트, ajax를 이용한 데이터 요청을 스스로 공부할 수 있어서 좋은 계기가 되었던 것 같다. 개인적으로는 11일 배운 뒤 프로젝트를 하기에는 스스로 한계를 많이 느낀 계기가 되기도 했다.

이번의 경험을 발판삼아 더 성장할 수 있도록 노력해야겠다. 끝!

from http://friedegg556.tistory.com/17 by ccl(A) rewrite - 2021-10-09 03:27:51