[미니프로젝트3] Adopt Cat (고양이 입양 홍보 웹사이트)

3번째로 진행한 미니 프로젝트 이다. 프론트로 배운 HTML, CSS, JavaScript를 이용하려고 시작한 프로젝트로, 우리팀은 이번 프로젝트 주제를 다음과 같이 잡았다.

구조된 혹은 임시 보호하는 고양이의 입양을 독려하기 위한 홍보 페이지

페이지 로고

프로젝트에 대한 상세 설명은 다음과 같다.

• 서비스 소개 : 고양이를 입양할 집사들을 찾는 웹사이트
• 프로젝트 기간 : 22/02/23 ~ 22/02/24
• 기술 스택 :
  HTML, CSS, JavaScript => 웹페이지를 만들기 위한 기본 툴로 사용
  Node.js => get, post 기능을 이용하기 위해 간단히 쓰려고 만든 서버
• 화면 별 기능 :
• 📢메인 - 입양 홍보하는 고양이의 간단한 소개글, 클릭시 상세페이지로 이동
  🧾상세화면 - 고양이 상세정보, 입양 신청 폼
  📝폼 확인 - 입양 확인 폼
  ✨사이트 소개 화면 - 사이트 소개글
• 실제화면 , 상세한 기능 명세 는 아래 링크를 통해 확인!
  https://github.com/cuuuutecat/adoptcat#readme

GitHub - cuuuutecat/adoptcat

• 트러블 슈팅
  liveserver 에서는 진짜 확인만 가능했음.. get이나 post를 사용하려면 node서버를 통해서 구동할 것
• 개선 사항
  • 폼의 정보를 현재 get으로 보내는데, 이를 post로 수정
  • 메인 화면의 정보를 가져와 상세정보 페이지에 보여주도록 수정
  • DB 연결을 해서 이용자가 남긴 폼 정보를 저장하도록 수정
  • 폼 정보중 지원동기가 보내지지 않는 문제 수정
  • 지도 API를 활용해 임보처 위치를 상세페이지에 넣기
  • 단축 url api 이용

 

ps. 고양이를 너무 좋아해서 꼭 고양이 관련 서비스를 제작해보고 싶었고, 이번 기회에 그 소망을 달성할 수 있어서 좋았다. 나름 페이지 로고도 직접 그려서 만든 건데, 팀원들이 귀엽다고 해줘서 너무 좋았다...!

노드 쓰는 김에 서버까지 제대로 붙여보고 싶었는데 시간과 에너지 부족으로 실패해서 너무 아쉬웠다.

이 상태로 코드 짬

기회가... 된다면... 꼬옥 발전 시켜야지... 맨날 개선사항 쓰기만 하고 개선을 안해서 양심에 가책이 느껴진다.

주말 잘 쉬고 다시 알고리즘도 달리고 프젝도 달려야지