1. 레퍼런스 웹페이지

출처:[https://www.safemap.go.kr/main/smap.do?flag=2]

위의 사이트(생활안전지도)를 레퍼런스 삼아서 UI 목업을 만들어봤습니다.

2. 피그마로 UI 제작

피그마를 이용해서 최대한 비슷하게 따라해줍니다.

피그마의 Anima 플러그인을 이용해서 React + CSS 스타일로 코드를 변환해줍니다.