Web · Frontend
How the web front-ends in this research work are built.
ish.typhoon.kr is hand-written HTML/CSS/JS with no build step. Content is data-driven: realtime forecast pages, posters, and tool links render from JSON manifests, and a single shared script injects the sidebar shell on every page for a unified look.
Public website for the Korea Typhoon Research Institute — research areas, publications, typhoon information, and AI model pages behind a unified search (typhoon name, year, model, report, dataset), with live counters for active typhoons and available AI models and a KO/EN language switch.
The operational typhoon service (typhoon.kr) runs a React single-page application on top of a Spring backend, serving forecasts, bulletins, and archive views.
Institute-internal tools are built with Next.js — TRC-NET handles approval workflows, document tracking, a shared team calendar (business trips, leave, Google Calendar sync), PDF generation matching official document forms, mobile layouts, and an English language mode shaped by real user feedback.
Reusable components over duplication, accessibility basics (skip links, ARIA labels, focus states), reduced-motion support, and manifest-driven rendering so new content ships without touching markup.