/GETIT_Hackathon_2022

2022년 겟잇 2기 해커톤_오늘의 노을

Primary LanguageJavaScript

[GETIT_Hackathon_2022] Today's Sunset(오늘의 노을)

내가그린기릿그림 팀

팀 Notion : Notion

1.프로젝트 한 줄 설명

image

Today's Sunset (오늘의 노을) : 당신의 감정, 사진, 취향을 기록하고 공유하세요! 같은 시간, 같은 하늘을 보고 있더라도 위치에 따라 각자 다른 고유의 하늘의 모습이 있어서 자신이 있는 장소 뿐 아니라 여러 지역의 당일 노을 혹은 일출의 아름다움과 모습을 기록하고 공유하는 웹앱서비스입니다.

2.주제

프로젝트 주제 : 노을 기록 및 공유 서비스 기존의 SNS의 도구로만 활용되었던 '사진'을 전국의 모두가 각기 다른 장소에서 고유의 하늘의 모습을 기록하고 공유하는, 새롭고도, 따뜻한 서비스를 제안합니다.

3.프로젝트 목적 및 배경

image ‘세계의 디지털 사진 시장 예측(-2028년)’ 시장 보고서에 따르면, 전세계 디지털 사진 시장 규모는 2021년에 459억 1000만 달러를 기록했고, 2028년 681억 2000만 달러에 달합니다. 한국의 경우 일명 ‘스톡시장’이 한 해 시장 규모가 10조원에 달할 정도로 급성장을 하고 있습니다. 다양한 N잡러들이 DSLR, 핸드폰으로 찍은 사진 등을 올리는 것으로도 소득을 벌 수 있기 때문이죠. 이렇듯, 현재 타인의 지적 재산권을 침해하지않고 합법적으로 사용할 수 있는 이미지에 대한 선호도까 높아가고, ‘사진’이라는 매체에 대한 사람들의 관심도가 올라가는 상황에서, ‘사진’을 중점으로 한 우리의 아이템은 이 상황에 긍정적으로 올라탈 수 있을 것입니다. 사진찍는 것을 좋아하고 즐기지만 전문가에게 강습을 받는게 아니면 사진 찍는 실력을 향상시킬 수 있는 기회가 매우 부족하기에 이러한 경험 혹은 기회를 제공하고자 유료회원 서비스를 기획하게 되었.

4.기능

전체 기능 소개

  1. 장소 사진 확인 가능

메인 페이지의 지도로 원하는 장소 사진 확인 가능

  1. 좋아요

각 사진마다 이용자 반응 표시

  1. 인기글

좋아요 순으로 메인 페이지 인기글 띄우기

  1. 사진 위치 기록

사진 파일 업로드시 지도 API로 위치 기록

추후 제작할 기능 data.json에 직접 데이터를 넣었으나, 추후 개발 tool인 react와 데이터베이스를 연결하여 직접 정보를 불러오고 받는 진짜 웹서비스를 제작할 예정입니다.

5. 활용방안과 기대효과

매력적인 노을 스팟을 알 수 있고 더나아가 해당 지역, 장소의 홍보효과를 기대할 수 있다. 사진 찍는 법에 관한 피드백이나 강습을 보다 편리하게 제공받을 수 있다. 카메라 장비나 필터 등을 체험하고 광고할 수 있는 장을 제공할 수 있다. 사용자 수가 늘면 온라인 전시회를 개최함으로써 아마추어 작가들이 데뷔나 입지를 늘릴 기회를 제공할 수 있다.

6. 구현방법

image

component를 page, ui, map, list로 나누어 구성하였고, 각각 공통으로 필요한 ui들을 작성하여 이를 필요한 component에서 import시켜 사용하였습니다. 이후, App.js에서 각 component와 data.json의 data를 import한 후, index.js에서 App을 불러와 페이지에 띄우도록 하였습니다.

7. 프로젝트에 활용된 기술

[기술스택]

<디자인>

<프론트>

  • react

<데이터베이스>

  • react의 data.json

8. 기타 설정

(기존에 node, react, anaconda 가 설치되어 있다는 가정하에 진행합니다.)

  • npm install kakao-map-api
  • npm install styled-components
  • npm install react-bootstrap bootstrap

9. Contributor

팀명 : 내가그린기릿그림 팀

디자인

Name Major
유지예 컴퓨터학부 글로벌sw융합전공

프론트

Name Major
송혜경 컴퓨터학부 글로벌sw융합전공
유지예 컴퓨터학부 글로벌sw융합전공
최경진 컴퓨터학부 글로벌sw융합전공
김주연 농업생명과학대학 바이오섬유소재학과

영상 및 ppt 제작

Name Major
정지윤 인문대학 불어불문학과
최경진 컴퓨터학부 글로벌sw융합전공
김주연 농업생명과학대학 바이오섬유소재학과

10. 시연영상

UI 시연 영상 https://youtu.be/D0iI8iWolAk
전체 개발 시연 영상 https://youtu.be/h6aaquc4oZc