컨디션 스튜디오 Condition Studio

통계청의 SGIS 오픈API와 weatherapi.com의 API를 이용하였습니다.

사용된 주요 기술

Frontend

• Next.js w/ React
• react-device-detect
• TypeScript
• Emotion
• SASS
• PWA
• IndexedDB
• Recoil

Troubleshooting

이슈를 등록해 주세요

발견되거나 알려진 버그

• 로딩시 데이터가 잘 보이지 않는 현상

TO-DO

• 미세먼지, 초미세먼지 데이터를 에어코리아 데이터로 교체하기 (작업시작 일자 미정)
• 기상청 Open-API로 변경 (작업시작 일자 미정)

Supported PWA App. Download

PWA 형태의 앱 다운로드를 지원합니다.

웹 브라우저를 지원하는 리눅스, MS Windows, Apple macOS, Android, iOS, iPadOS 등 대부분의 모던 디바이스를 지원합니다.

텍스트 기반 브라우저는 HTML5, CSS3, 최신 JavaScript 등 지원하는 브라우저 한정하여 지원되며,

Safari, Firefox는 Chromium 웹브라우저(Google Chrome, MS Edge, Brave, NAVER whale, Osiris, Iron)와 화면이 조금 다를 수 있습니다.

PWA 앱인 경우, macOS Safari, iOS/iPadOS 환경에서는 Safari와 모양 및 동작이 Safari WebView와 모양이 유사하며,

macOS Chrome, Windows Chrome, Android Chrome에서 내려받은 경우 Chrome과 모양 및 동작이 Chrome WebView와 모양이 유사합니다.

크롬에서는 환경설정 아이콘을 누르면 앱 내려받는 아이콘을 누르시면 되고, 애플 디바이스(아이폰, 아이패드, macOS 사파리)에서는 앱 내려받는 아이콘을 눌러 안내되는 사항대로 따라가시면 됩니다.

주의사항 및 저작권

오픈소스, 오픈 API를 제외한 나머지는 모두 클로이에게 저작권이 있습니다.

스텝

• 기획: 클로이 Chloe
• UX 디자인: 클로이 Chloe
• 프론트엔드 개발: 클로이 Chloe