Javascript/React.js 썸네일형 리스트형 공적마스크 재고현황 조회 웹 어플리케이션 공공API에 올라와있는 공적마스크 재고조회 API를 이용해서 재고현황 조회할 수 있는 웹앱입니다. https://code0xff.github.io/mask-tracker/ Public Mask Tracker code0xff.github.io 접속하게되면 내 위치에서 500m내에 있는 구매처의 재고 현황을 조회해주고, 검색범위를 선택하여 탐색할 수 있습니다. 결과는 카드형태로 보여지며, 약국명, 약국주소를 보여주고, 배지로 몇 km이내에 있는 약국인지, 현재 몇 개가량이 남아있는지 보여줍니다. 처음 접속시 위치정보 공유에 대한 권한제공에 대해 동의해주셔야 사용이 가능합니다. 추가 정보를 확인하기 위하여 지도에서 보기를 선택하면 카카오맵으로 위치를 확인시켜주며, 정보검색을 선택하면 카카오맵에서 해당 약국의 .. React App과 Express 연동 이 포스트는 Dave Ceddia blog에 포스팅된 내용을 참고하였습니다.https://daveceddia.com/create-react-app-express-backend/ React App은 create-react-app 패키지를 사용하게 된 이후 비약적으로 편리하게 프로젝트를 생성할 수 있게 되었습니다. 이전에는 프로젝트 생성부터 webpack 설정까지 개발자가 직접해야했던 여러 작업들을 압축하여 create-react-app이라는 명령어 하나로 처리할 수 있게 되었습니다. 덕분에 frontend에 해당하는 영역은 손쉽게 처리가 가능해졌지만, backend는 분명 다른 영역이고, 이부분을 어떻게 처리해야하는지 고민이 되기 마련입니다. Dave Ceddia blog의 포스팅에서는 frontend와 .. 이전 1 다음