[python, html/css] 안개 속보 화면 만들기: 1. 흐름 및 계획

- 개요

최근에 안개가 심하다는 문자를 받았습니다.

안개는 기상현상이니 기상청에 들어가서 한 번 확인을 해봐야겠죠?

 

기상청 홈페이지에 들어가니 새로운 창에 안개와 관한 속보가 뜹니다.

기상청 홈페이지 팝업

 

자세히 보면 안개의 현황과 전망이 나오고 전국 관측소의 가시거리 그림이 나오네요.

 

요즘 무슨 주제할 지 고민이었는데 이거나 한 번 만들어보겠습니다.

아마 다른 포스팅에서 쓰인 기술들을 잘 조합하면 만들 수 있을 것 같네요.

 

- 안개 속보 화면 분석 및 계획짜기

안개 속보 화면을 보면 크게 그림 부분과 텍스트의 두 부분으로 구성되어있으니 어떻게 작업을 할지 고민해봅시다.

안개 속보 화면 분석

 

아래의 2단계를 수행하면 되겠습니다.

1. 프로그래밍 언어로 그림 파일 만들기

2. 그림 파일을 불러와서 html 파일 만들기

 

제 생각에 기상청에서는 그림을 그리기 위해 ncl이라는 프로그래밍을 언어를 사용할 것 같지만

전 그림을 그리는데 파이썬을 이용하겠습니다.

파이썬에서 계산한 값들이 텍스트로 쓰이는 경우가 있이므로 html/css도 파이썬 코드로 작성합니다.

 

그럼 안개 속보 화면 만드는 작업의 흐름도를 한 번 그려보죠.

안개 속보 화면 만들기 흐름

 

혹시 궁금해하시는 분들이 있어서 말씀드리자면 저도 원래는 이렇게 자세히 계획을 짜진 않습니다.

실제 작업할 때는 양이 적은 편이라 딱 보면 대충 이렇게 해야겠다는 식으로 했고,

웬만하면 저 흐름도대로 포스트를 연재할 것이라 작업을 끝마치고 계획을 자세히 짠겁니다.

 

그럼 본격적인 작업은 다음 포스트부터 하겠습니다.