🔗 Link & Preview
![Untitled](https://prod-files-secure.s3.us-west-2.amazonaws.com/6498d797-a767-42dd-acff-769ef1fe3b8f/eccf84aa-f1c0-4156-80ed-beff759c8042/Untitled.png)
![Untitled](https://prod-files-secure.s3.us-west-2.amazonaws.com/6498d797-a767-42dd-acff-769ef1fe3b8f/722afcfb-3d6d-483d-9226-94852fc4f215/Untitled.png)
![Untitled](https://prod-files-secure.s3.us-west-2.amazonaws.com/6498d797-a767-42dd-acff-769ef1fe3b8f/2cecabe1-5b40-4719-a44c-f16137a911d8/Untitled.png)
🙌 프로젝트 소개(개발인원 2명)
UI제작 + 카메라 컴포넌트 / Socket서버 개발 + 지도연동의 역할이 있었고, 저는 UI+ 카메라컴포넌트 제작을 맡았습니다.
- 운용중인 드론의 데이터를 위치와 함께 보여주고, 해당지역의 날씨, 카메라 화면을 띄어주는 웹사이트입니다.
- 시뮬레이션 서버를 구현해 실제 드론을 띄우지 않아도 테스트할 수 있도록 개발했습니다.(최대 50개)
- 각 드론 정보 창을 띄우고 마우스로 창 이동 가능하게 구현해 사용자가 편한 위치에 볼 수 있도록 개발했습니다.
- 드론 데이터 수신 시 UI, 드론 비디오 화면 구현을 맡았습니다. 리팩토링 시에 소켓서버도 직접 구현했습니다.