▼

챗GPT

개발자포럼 입니다.

[공유] 코시국 여행지 선정에 도움이 될 수 있는 "코로나 트립" 사이트를 만들었습니다. 경험 공유합니다.

안녕하세요.

디지털 노마드를 꿈꾸며 공부를 하고 있는 평범한 개발자입니다.

평소에 angular, react로 FE개발을 해오다가, svelte가 요즘 핫하다는 이야기를 듣고 공부 겸 사이드 프로젝트를 진행했습니다.

그래서 무엇을 만들었냐?

"코로나 트립" 이라는 코로나 시기 떠나기 좋은 나라를 찾을 수 있는 사이트를 만들어보았습니다.

아직은 외교부 데이터와 코로나 데이터를 취합해서 보여주는 정도의 기능만 있는데요. 계속해서 기능은 추가할 예정입니다.

# 기술 stack

## FE: svelte로 만들었습니다.

svelte의 장점이 angular, react (interprete 방식)과는 다르게 build time에 compile를 하기 떄문에 build 결과물의 사이즈가 작고, 속도가 더 빠르다고 하는데요.

코로나 트립을 만든 산출물의 js file 용량이 542kb정도 되네요.

angular 같은 경우에는, angular runtime용량만 1mb를 넘었던 거 같은데, 그거에 비하면 엄청 용량이 줄었습니다.

용량 외적으로도, angular의 2-way binding의 장점을 가져오고, react의 ui component 개념, state 개념을 적절히 짬뽕시킨 것이 좋았습니다.

다만, 아직 커뮤니티가 많이 활성화되어 있지는 않은 점은 단점이지만, 공식 사이트의 예제들이 풍부해서 소규모 프로젝트에는 적절해보였습니다.

## BE: static page이기 때문에 따로 BE를 두지 않았습니다

## HOSTING: github page를 사용했습니다.

github page에서 월 100gb의 무료 호스팅, 무료 https SSL 을 제공해주기 때문에 돈이 들지 않았습니다.

(100gb의 용량 제한이 있기 때문에, FE에서 최소 용량의 빌드 산출물을 만드는 것이 목표였습니다.)

## 데이터 정제: python을 활용했고 beutifulsoup 정도의 라이브러리를 사용하였습니다.

이상 "코로나 트립" 제작기 였습니다.

svelte나 기타 다른 것들에 대해 궁금한 점이 있으시다면 댓글 남겨주세요!

끝까지 읽어주셔서 감사합니다.