포지션 상세
직무 개요
• Figma를 활용하여 서비스의 UI/UX를 설계하고 이를 React 기반 프론트엔드로 직접 구현하며, 드론·센서 분석결과, 실시간 데이터, LLM 기반 질의응답 등 복잡한 데이터를 직관적으로 제공하는 화면을 개발하는 직무
직무 목적
• UI/UX 설계부터 프론트엔드 구현까지 일관된 개발 프로세스를 수행하여 사용자 중심의 서비스를 구현하고, 다양한 프로젝트에서 재사용 가능한 디자인 시스템과 컴포넌트 기반을 구축
주요 역할
① Figma 기반 UI/UX 설계
② React 기반 프론트엔드 구현
③ 복잡한 데이터 시각화 UI 개발
④ 디자인 시스템 및 컴포넌트 라이브러리 구축
⑤ Python 기반 백엔드 API 연동
주요 협업부서
• 백엔드 개발팀, AI·데이터 개발팀, R&D 및 프로젝트 관련 부서 등
• 기존 프로토타입 대시보드의 UI/UX 재설계
• Figma를 활용한 와이어프레임 및 프로토타입 설계
• UI 컴포넌트 및 디자인 시스템 설계
• 서비스 특성과 사용자 경험을 고려한 화면구조 설계
프론트엔드 개발
• Figma로 직접 설계한 디자인을 React 기반으로 구현
• UI/UX 설계부터 코드 구현까지 전 과정 수행
• 프로덕션 수준의 서비스 화면 개발 및 구현
• 설계내용과 실제 서비스 간 일관성을 고려한 프론트엔드 개발
데이터 시각화 UI 개발
• 드론·센서 분석결과를 직관적으로 제공하는 화면 설계·구현
• 실시간 데이터 대시보드 설계 및 구현
• LLM 기반 질의응답 결과를 제공하는 사용자 화면 구현
• 지도(GIS), 3D 뷰어 등 복잡한 데이터 시각화 UI 설계·구현
디자인 시스템·컴포넌트 구축
• 여러 프로젝트에서 재사용 가능한 디자인 시스템 구축
• 공통 UI 컴포넌트 설계 및 컴포넌트 라이브러리 구축
• 프로젝트 간 일관된 UI/UX 구현을 위한 디자인·개발 기준 수립
• 신규 프로젝트에 적용 가능한 재사용 구조 구축
API 연동 및 협업
• Python 기반 백엔드 팀과 개발업무 협업
• 백엔드 API와 프론트엔드 서비스 연동
• API를 통해 제공되는 데이터의 화면 구현 및 시각화
• 프론트엔드와 백엔드 간 데이터 연동사항 협의
• 채용형태 : 계약직 12개월(정규직 전환 가능)
필요지식
• UI/UX 설계 및 사용자 중심 인터페이스에 대한 이해
• 와이어프레임, 프로토타이핑 및 디자인 시스템에 대한 이해
• React 기반 프론트엔드 개발에 대한 이해
• 재사용 가능한 UI 컴포넌트 설계 및 구조화에 대한 이해
• API 기반 프론트엔드·백엔드 연동 구조에 대한 이해
• GIS, 3D 뷰어, 실시간 데이터 등 데이터 시각화 UI에 대한 이해
필요 기술
• Figma를 활용한 UI/UX 설계 및 프로토타이핑 능력
• React 기반 프론트엔드 개발 및 구현 능력
• 디자인 시안 작성부터 코드 구현까지 전 과정을 수행하는 개발 능력
• 디자인 시스템 및 재사용 가능한 컴포넌트 라이브러리 구축 능력
• GIS·3D·실시간 데이터 등 복잡한 데이터 시각화 UI 설계·구현 능력
• Python 기반 백엔드와의 API 연동 및 데이터 처리 능력
• Figma를 활용하여 서비스의 UI/UX를 설계하고 이를 React 기반 프론트엔드로 직접 구현하며, 드론·센서 분석결과, 실시간 데이터, LLM 기반 질의응답 등 복잡한 데이터를 직관적으로 제공하는 화면을 개발하는 직무
직무 목적
• UI/UX 설계부터 프론트엔드 구현까지 일관된 개발 프로세스를 수행하여 사용자 중심의 서비스를 구현하고, 다양한 프로젝트에서 재사용 가능한 디자인 시스템과 컴포넌트 기반을 구축
주요 역할
① Figma 기반 UI/UX 설계
② React 기반 프론트엔드 구현
③ 복잡한 데이터 시각화 UI 개발
④ 디자인 시스템 및 컴포넌트 라이브러리 구축
⑤ Python 기반 백엔드 API 연동
주요 협업부서
• 백엔드 개발팀, AI·데이터 개발팀, R&D 및 프로젝트 관련 부서 등
주요업무
UI/UX 설계• 기존 프로토타입 대시보드의 UI/UX 재설계
• Figma를 활용한 와이어프레임 및 프로토타입 설계
• UI 컴포넌트 및 디자인 시스템 설계
• 서비스 특성과 사용자 경험을 고려한 화면구조 설계
프론트엔드 개발
• Figma로 직접 설계한 디자인을 React 기반으로 구현
• UI/UX 설계부터 코드 구현까지 전 과정 수행
• 프로덕션 수준의 서비스 화면 개발 및 구현
• 설계내용과 실제 서비스 간 일관성을 고려한 프론트엔드 개발
데이터 시각화 UI 개발
• 드론·센서 분석결과를 직관적으로 제공하는 화면 설계·구현
• 실시간 데이터 대시보드 설계 및 구현
• LLM 기반 질의응답 결과를 제공하는 사용자 화면 구현
• 지도(GIS), 3D 뷰어 등 복잡한 데이터 시각화 UI 설계·구현
디자인 시스템·컴포넌트 구축
• 여러 프로젝트에서 재사용 가능한 디자인 시스템 구축
• 공통 UI 컴포넌트 설계 및 컴포넌트 라이브러리 구축
• 프로젝트 간 일관된 UI/UX 구현을 위한 디자인·개발 기준 수립
• 신규 프로젝트에 적용 가능한 재사용 구조 구축
API 연동 및 협업
• Python 기반 백엔드 팀과 개발업무 협업
• 백엔드 API와 프론트엔드 서비스 연동
• API를 통해 제공되는 데이터의 화면 구현 및 시각화
• 프론트엔드와 백엔드 간 데이터 연동사항 협의
자격요건
• 경력 : 2~3년• 채용형태 : 계약직 12개월(정규직 전환 가능)
필요지식
• UI/UX 설계 및 사용자 중심 인터페이스에 대한 이해
• 와이어프레임, 프로토타이핑 및 디자인 시스템에 대한 이해
• React 기반 프론트엔드 개발에 대한 이해
• 재사용 가능한 UI 컴포넌트 설계 및 구조화에 대한 이해
• API 기반 프론트엔드·백엔드 연동 구조에 대한 이해
• GIS, 3D 뷰어, 실시간 데이터 등 데이터 시각화 UI에 대한 이해
필요 기술
• Figma를 활용한 UI/UX 설계 및 프로토타이핑 능력
• React 기반 프론트엔드 개발 및 구현 능력
• 디자인 시안 작성부터 코드 구현까지 전 과정을 수행하는 개발 능력
• 디자인 시스템 및 재사용 가능한 컴포넌트 라이브러리 구축 능력
• GIS·3D·실시간 데이터 등 복잡한 데이터 시각화 UI 설계·구현 능력
• Python 기반 백엔드와의 API 연동 및 데이터 처리 능력
