250x250
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 투두리스트
- var
- null
- VUE
- 리액트
- 모던 자바스크립트
- BIND
- 함수
- 데이터 타입
- typescript
- ES6
- 모던
- Interface
- 객체
- react
- 컴포넌트
- redux
- CSS
- todolist
- function
- 자바스크립트
- this
- 뷰
- js
- 스코프
- 라우터
- 타입스크립트
- const
- let
- Number
Archives
- Today
- Total
홍준혁
코로나 뷰어(Corona viewer)만들기 본문
728x90
만들었던 모든 코드는
Github에 기재되어있다.
github.com/Hong-JunHyeok/corona_viewer
Hong-JunHyeok/corona_viewer
국내 코로나 현황을 보기위한 웹애플리케이션. Contribute to Hong-JunHyeok/corona_viewer development by creating an account on GitHub.
github.com
결과물 모습
파일 구조
느낀 점
간단하게 typescript랑 recoil의 조합을 사용해보고 싶어서 시작한 프로젝트인데, 하다 보니 큰 문제에 직면했다. CORS인데, 이 문제는 프론트 단에서는 해결할 수 없는 문제임을 깨닫고 다른 방법을 찾아보다가 결국 포기하고 크롬 플러그인인 Moesif CORS를 사용해서 우회를 하였다.
만약 서버를 했더라면 이를 cors미들웨어를 사용해서 해결했을 것이다. 아무튼 typescipt랑 recoil그리고 axios를 사용해본 결과, typescipt가 정말 큰 장점으로 다가왔다.
type을 지정해서 에디터가 자동완성을 해주는 퍼포먼스는 정말 맘에들었다. 다음에는 서버에서 데이터를 가공한 다음에 프론트랑 연결해서 프로젝트를 진행해 봐야겠다.
728x90
'개인 프로젝트' 카테고리의 다른 글
| Weather App(모바일) 만들기 (0) | 2021.02.16 |
|---|---|
| Transpi(트렌스피) - 번역 웹사이트 만들기 (2) | 2021.02.15 |
'개인 프로젝트' Related Articles
more
Comments