개발 환경

디자인

Figma

  • 전체 모바일 앱 디자인을 기획 및 시각적으로 구성합니다.
  • 각 페이지의 흐름을 시뮬레이션할 수 있도록 설계되었습니다.

개발툴

Android Studio

  • Android 앱 개발 및 테스트에 사용됩니다.
  • Kotlin/Java 기반 앱 개발과 에뮬레이터를 통한 UI 확인 가능

visualstudio

  • 프론트엔드 및 간단한 서버 로직 구현에 사용됩니다.
  • 다양한 확장 기능을 통해 HTML/CSS/JS 개발에 최적화되어 있습니다.

Frontend

HTML

  • 웹 페이지의 구조와 콘텐츠를 정의하는 마크업 언어입니다.
  • 사용자 인터페이스(UI) 구성에 사용됩니다.

css

  • 웹 페이지의 스타일링을 담당합니다.
  • 레이아웃, 색상, 폰트 등 시각적 요소를 디자인합니다.

카카오맵 API

  • 위치 기반 서비스 구현에 사용됩니다.
  • 흡연 구역의 위치를 지도 위에 표시하는 데 활용됩니다.

Backend

MySQL

  • 사용자 정보, 흡연장 정보 등 각종 데이터를 저장하고 관리합니다.
  • 정형화된 구조로 데이터를 관리할 수 있으며, 검색 및 필터링 기능을 효율적으로 구현할 수 있습니다.