Claude Code를 활용해 실시간 항공 교통을 보여주는 3D 공항 웹사이트를 만들었습니다

인도에서 조종사 지망생들을 위한 작은 시험 대비 사이트를 운영 중인데, 컴퓨터 공학 쪽은 아예 모르는 문외한이야. 지난 몇 달 동안 Claude Code를 써서 델리 공항의 실시간 항공기 교통량을 보여주는 3D 모델을 만들어 봤어.

이게 뭘 하는 거냐면:

• 라이선스 받은 소스, 직접 호스팅한 소스, 그리고 공개 소스에서 데이터를 긁어와서 실제 비행기가 착륙하고, 택싱하고, 이륙하는 모습을 보여줌

• 아무 항공기나 누르면 따라가거나 조종석 시점으로 볼 수 있음

• 항공기들은 실제 항공사 도색 그대로 그려짐

• 뭄바이, 벵갈루루, 하이데라바드 공항도 실시간으로 돌아가고, 이제 반경 50km 내의 교통량까지 추적함

Claude가 어떻게 도와줬냐면: 그냥 평범한 영어로 내가 원하는 걸 설명하면 (“비행기가 실제처럼 활주로에서 속도를 줄여야 해”, “랜딩 기어가 날개 안으로 제대로 접혀야지”) Claude가 코드를 짜고, 서버를 세팅하고, 새 버전을 올릴 때 문제가 생기면 바로 막히게끔 검사 로직까지 다 만들어줬어. 제일 힘들었던 건 택싱하는 걸 자연스럽게 만드는 거랑 일반 스마트폰에서도 버벅대지 않게 최적화하는 거였음.

무료고, 가입도 필요 없어: airport.readyaviator.com

어떻게 만들었는지 궁금한 거 있으면 뭐든 물어봐.