
몇개월 전에 포스팅했던 풍덩 웹앱을 이제서야 완성했다. 🌈구현한 기능 1. 파이썬 requests 모듈로 열린 데이터 광장 Open API에서 한강 수질 데이터를 받아와 활용하기 좋게 가공했다. 2. node-scheduler 라이브러리를 사용해 매일 6, 12, 18, 24시에 해당 시간대의 수온 데이터를 받아와 가공하여 DB 저장할 수 있도록 했다. 3. Express js를 이용해 client단에서 날아온 데이터 요청을 받을 수 있는 API를 제작했다. 4. React js 및 react-router-dom을 이용해 홈/통계/에러 페이지를 제작하고, 데이터를 불러오지 못했을 경우 에러페이지로 리다이렉트 하도록 했다. 5. 통계 페이지의 그래프는 HTML5의 canvas 태그를 이용하여 제작했다. -..

난 게임을 하나 시작하면 반드시 첫 캐는 망캐가 된다. 게임시스템이며 캐릭/직업 특성이며 이것저것 배워야할 게 너무 많아 손가는대로 대충 키워보고 결국 한 번 망하고 그 시스템들에 익숙해진 뒤 새로 키우는 캐릭터를 잘 키우게 된다. 그래서 저번에 하던 프로젝트가 하나 망했으니 이번 새 프로젝트는 순조로울거라고 생각했지만, 이번에 새로 만드는 웹앱도 마찬가지였다. 시도하는거 하나하나 시행착오를 안 겪는게 없었다. 저번에 하던 프로젝트를 말아먹어서 절망감에 빠져 한강 수온 체크 웹앱을 만들기로 결심했으니 이번엔 반드시 만들어내서 뿌듯함을 느껴보자. 프로젝트 성공을 위해 내가 겪었던 시행착오를 기록해서 오답노트로 삼자. 이번에 새로 만들 웹앱은 한강 수온 체크 웹 어플리케이션 "풍덩" 이다. 원래 "퐁당"이라..