절대 이사가지 말아야 할 동네는? 강력범죄가 많은 곳은 어디!!

다음과 같은 지역별 범죄 현황에 대한 분석 서비스를 개발 하는 방법을 알려드립니다. 노코드로 개발하기 쉽도록, 아래 프롬프트를 복사해서 붙여넣기 쉽도록 제공합니다~

 

시연 영상은 유튜브에 있습니다.  https://youtu.be/jtwTQJmOBFI 

 

 

1. 데이터 가져오기

데이터를 가져오기 위해서, Perplexity (퍼플렉시티)에서 다음과 같은 프롬프트를 작성합니다.

범죄 데이터를 얻을 수 있는 사이트 알려줘

 

 

위 결과에서, 첫번째 싸이트로 이동해서 다음과 같이 데이터를 얻어 옵니다.

 

 

2. 데이터 가공하기 

사용한 프롬프트

 

첨부한 데이터를 지역별, 죄종별로 해당년도에 몇건의 범죄가 발생했는지 알수 있도록,
년도를 컬럼으로해서 행렬 전환을 해줘.

변환환 결과를 csv파일로 만들어줘.

 

 결과

 

 

위의 데이터를 가지고, 각 시도 구에 대한 위도 경도값을 얻어오는 프롬프트 작성

첨부한 파일에서, 시도와 구에 대한 위도,경도 값을 찾아서 위도,경도 컬럼을 만들어서 csv파일로 저장해줘

 

결과,

 

 

3. SaaS 앱 개발하기

Claude 3.7 sonnet (클로드 3.7 소넷)을 이용해서, 다음 프롬프트를 입력하여 앱을 개발합니다.

Crime Heatmap Viewer: 지역별 범죄 데이터를 히트맵으로 시각화하는 앱을 개발합니다.

이 앱은 특정 지역의 범죄 데이터를 히트맵으로 보여주며, 
사용자가 원하는 지역이나 범죄 유형을 선택해 세부 정보를 볼 수 있습니다.

Crime Heatmap Viewer 앱의 작동 방식

범죄 현황에 대한 데이터는 @범죄현황.csv 에 있고, 시도구에 대한 위치 좌표값은 @좌표.csv 에 있습니다.
두 파일을 참고해서 개발합니다.

사용자는, 보고 싶은 범죄 유형이나 특정 지역을 선택합니다. (예: 서울특별시 강남구, 강력범죄)
선택된 지역과 범죄 유형이 '콘텐츠 타겟'이 됩니다.
선택된 데이터를 기반으로 히트맵을 생성합니다.
범죄 발생 건수에 따라 히트맵의 색상이 달라집니다.
사용자는 히트맵 위의 특정 지역을 클릭해 세부 정보를 확인할 수 있습니다.
팝업으로 범죄 유형, 세부 범죄 종류, 범죄 건수 등이 표시됩니다.
사용자가 특정 지역을 클릭하면, 그 지역에 대한 추가 정보를 제공합니다.

사용자가 페이지에 접속해 범죄 데이터를 불러옵니다.
사용자가 특정 지역이나 범죄 유형을 선택합니다.
선택된 데이터를 바탕으로 히트맵을 생성하고, 사용자는 시각적으로 범죄 밀집 지역을 확인할 수 있습니다.
사용자가 특정 지역을 클릭하면, 세부 범죄 정보와 함께 AI가 생성한 추가 분석 결과를 팝업으로 제공합니다.
최종적으로, 사용자는 원래의 데이터와 AI가 보완한 정보를 모두 확인할 수 있습니다.

 

처음에 만들면, 디자인이 별로입니다. 다음과 같은 프롬프트로, AI를 닥달합니다.

넌 최고의 디자이너야. 트랜디하고 모던한 디자인으로 만들어줘.
정렬도 잘 적용해서 만들어줘.
디자인에 필요한 라이브러리 있으면 내가 설치할테니 알려줘.

 

 

지도의 경우, API Key 없이 사용할 수 있는 방법을 다음 프롬프트처럼 물어보면서 개발합니다.

 

지도는 API Key사용 없이 이용할 수 있는 라이브러리로 개발해 주세요. 
지도의 줌 레벨에 맞게 히트맵의 반경을 조절하려고 합니다.
줌 레벨이 높아지면, 히트맵의 반경도 비례해서 커지도록 코드를 작성해 주세요.