프론트엔드 & UI/UX 개발

About the role

직무 개요
• Figma를 활용하여 서비스의 UI/UX를 설계하고 이를 React 기반 프론트엔드로 직접 구현하며, 드론·센서 분석결과, 실시간 데이터, LLM 기반 질의응답 등 복잡한 데이터를 직관적으로 제공하는 화면을 개발하는 직무

직무 목적
• UI/UX 설계부터 프론트엔드 구현까지 일관된 개발 프로세스를 수행하여 사용자 중심의 서비스를 구현하고, 다양한 프로젝트에서 재사용 가능한 디자인 시스템과 컴포넌트 기반을 구축

주요 역할
① Figma 기반 UI/UX 설계
② React 기반 프론트엔드 구현
③ 복잡한 데이터 시각화 UI 개발
④ 디자인 시스템 및 컴포넌트 라이브러리 구축
⑤ Python 기반 백엔드 API 연동

주요 협업부서
• 백엔드 개발팀, AI·데이터 개발팀, R&D 및 프로젝트 관련 부서 등

What you'll do

UI/UX 설계
• 기존 프로토타입 대시보드의 UI/UX 재설계
• Figma를 활용한 와이어프레임 및 프로토타입 설계
• UI 컴포넌트 및 디자인 시스템 설계
• 서비스 특성과 사용자 경험을 고려한 화면구조 설계

프론트엔드 개발
• Figma로 직접 설계한 디자인을 React 기반으로 구현
• UI/UX 설계부터 코드 구현까지 전 과정 수행
• 프로덕션 수준의 서비스 화면 개발 및 구현
• 설계내용과 실제 서비스 간 일관성을 고려한 프론트엔드 개발

데이터 시각화 UI 개발
• 드론·센서 분석결과를 직관적으로 제공하는 화면 설계·구현
• 실시간 데이터 대시보드 설계 및 구현
• LLM 기반 질의응답 결과를 제공하는 사용자 화면 구현
• 지도(GIS), 3D 뷰어 등 복잡한 데이터 시각화 UI 설계·구현

디자인 시스템·컴포넌트 구축
• 여러 프로젝트에서 재사용 가능한 디자인 시스템 구축
• 공통 UI 컴포넌트 설계 및 컴포넌트 라이브러리 구축
• 프로젝트 간 일관된 UI/UX 구현을 위한 디자인·개발 기준 수립
• 신규 프로젝트에 적용 가능한 재사용 구조 구축

API 연동 및 협업
• Python 기반 백엔드 팀과 개발업무 협업
• 백엔드 API와 프론트엔드 서비스 연동
• API를 통해 제공되는 데이터의 화면 구현 및 시각화
• 프론트엔드와 백엔드 간 데이터 연동사항 협의

Requirements

• 경력 : 2~3년
• 채용형태 : 계약직 12개월(정규직 전환 가능)

필요지식
• UI/UX 설계 및 사용자 중심 인터페이스에 대한 이해
• 와이어프레임, 프로토타이핑 및 디자인 시스템에 대한 이해
• React 기반 프론트엔드 개발에 대한 이해
• 재사용 가능한 UI 컴포넌트 설계 및 구조화에 대한 이해
• API 기반 프론트엔드·백엔드 연동 구조에 대한 이해
• GIS, 3D 뷰어, 실시간 데이터 등 데이터 시각화 UI에 대한 이해

필요 기술
• Figma를 활용한 UI/UX 설계 및 프로토타이핑 능력
• React 기반 프론트엔드 개발 및 구현 능력
• 디자인 시안 작성부터 코드 구현까지 전 과정을 수행하는 개발 능력
• 디자인 시스템 및 재사용 가능한 컴포넌트 라이브러리 구축 능력
• GIS·3D·실시간 데이터 등 복잡한 데이터 시각화 UI 설계·구현 능력
• Python 기반 백엔드와의 API 연동 및 데이터 처리 능력

Preferred qualifications

• Figma 기반 UI/UX 설계 및 디자인 시안의 직접 구현 경험
• 프로덕션 서비스 배포 및 GIS·3D 뷰어·실시간 데이터 등 복잡한 시각화 UI 설계 경험
• Python 기반 백엔드 API 연동, 국가 R&D·하드웨어·현장 데이터 프로젝트 참여 및 디자인 시스템 구축 경험
• Figma 기반 UI/UX 설계부터 React 프론트엔드 구현까지 전 과정을 수행하는 역량
• 복잡한 데이터 시각화 및 Python 기반 백엔드 API 연동 역량
• AI 코딩 도구의 적극적인 실무 활용

Benefits

• 기업 내규

Hiring process

• 급여 : 회사 내규에 따름(면접 후 결정)
• 전형방법 : 서류 전형 ＞ 1차 면접 ＞ 최종 합격
• 근로시간 : 월~금 09:00 ~ 18:00(시차출퇴근제)