코로나 뷰어(Corona viewer)만들기

만들었던 모든 코드는 

Github에 기재되어있다.

github.com/Hong-JunHyeok/corona_viewer

Hong-JunHyeok/corona_viewer

 

결과물 모습

 

 

파일 구조

 

 

느낀 점

간단하게 typescript랑 recoil의 조합을 사용해보고 싶어서 시작한 프로젝트인데, 하다 보니 큰 문제에 직면했다. CORS인데, 이 문제는 프론트 단에서는 해결할 수 없는 문제임을 깨닫고 다른 방법을 찾아보다가 결국 포기하고 크롬 플러그인인 Moesif CORS를 사용해서 우회를 하였다.

만약 서버를 했더라면 이를 cors미들웨어를 사용해서 해결했을 것이다. 아무튼 typescipt랑 recoil그리고 axios를 사용해본 결과, typescipt가 정말 큰 장점으로 다가왔다.

type을 지정해서 에디터가 자동완성을 해주는 퍼포먼스는 정말 맘에들었다. 다음에는 서버에서 데이터를 가공한 다음에 프론트랑 연결해서 프로젝트를 진행해 봐야겠다.