This website requires JavaScript.
포트폴리오 대표 이미지
안드로이드 개발사내 식당 식단 관리 앱 구축
  • 지역비대면 진행
  • 예산700,000원
  • 유형로그인/회원관리, 푸시 기능
  • 형태네이티브
  • 기간1개월

이미지 2

[금주 식단 정보] 날짜별, 끼니별 식단을 상세하게 보여주는 화면입니다. - 상단 날짜 선택 (Calendar Strip): UI 컴포넌트: RecyclerView를 가로 방향(Horizontal)의 LinearLayoutManager로 설정하여 구현했거나, 단순하다면 HorizontalScrollView를 사용했습니다. 로직: 선택된 날짜(11/21)의 데이터만 쿼리하거나 필터링하여 아래 뷰를 갱신(Update)하는 로직이 들어있습니다. - 카테고리 탭 (국/밥/메인메뉴): UI 컴포넌트: TabLayout 또는 ChipGroup을 사용하여 사용자가 메뉴 종류를 선택하도록 구현했습니다. - 메인 콘텐츠: 이미지, 텍스트, 버튼이 복합적으로 배치된 형태로, 전체를 감싸는 ScrollView 또는 NestedScrollView 안에 ImageView(음식 사진), TextView(메뉴명, 칼로리), Button(식사 기록하기) 등을 ConstraintLayout으로 배치했습니다.

이미지 4

[홈/메인 화면] - 오늘의 메인 메뉴 (Carousel): UI 컴포넌트: 좌우로 스와이프 되는 카드 형태는 ViewPager2를 사용했거나, RecyclerView에 SnapHelper를 적용하여 구현한 것으로 보입니다. 각 아이템은 CardView로 감싸져 있어 그림자 처리가 되어 있습니다. - 메뉴 선택 그리드: UI 컴포넌트: 마이페이지, 공지사항 등의 메뉴 아이콘들은 GridLayout을 사용하거나, RecyclerView에 GridLayoutManager (spanCount=3)를 적용하여 격자 무늬로 배치했습니다. - 하단 네비게이션 (Bottom Navigation): UI 컴포넌트: 안드로이드 표준 BottomNavigationView를 사용하여 프래그먼트(Fragment) 간의 화면 전환을 관리합니다

이미지 6

[식단 관리 / 통계] 사용자의 식사 데이터를 시각화하여 보여주는 대시보드입니다. - 레이아웃: 복잡한 정보 배치를 위해 ConstraintLayout이 주로 사용되었습니다. - 데이터 시각화: '이번주 나의 식사' 부분의 원형 그래프나 통계 수치는 안드로이드 차트 라이브러리(예: MPAndroidChart)를 사용했고, 커스텀 ProgressBar를 사용하여 원형 뷰를 그렸습니다. - 데이터 바인딩: 서버에서 받아온 영양소 데이터(JSON)를 파싱하여 각 TextView에 DataBinding 또는 ViewBinding 기술을 통해 매핑했습니다.

이미지 8

[알려드립니다 / 문의함] 사용자의 문의 내역과 공지사항을 리스트 형태로 보여주는 화면입니다. - 리스트 뷰: UI 컴포넌트: 전형적인 RecyclerView입니다. 어댑터 (Adapter): 각 리스트 아이템(문의할 사항, 칭찬합니다)을 데이터에 바인딩합니다. '문의'와 '칭찬' 섹션이 나누어졌습니다. 이는, ConcatAdapter를 쓰고 하나의 리스트 안에 헤더(Header) 뷰 타입을 두어 구분했습니다. - 상태 배지 (Badge): 'RECEIVED' 같은 상태값은 백엔드 API에서 받아온 status 값에 따라 TextView의 배경색(Background Drawable)이나 텍스트를 동적으로 변경하는 로직이 적용되었습니다.

이미지 10

[지도 / 주변 카페] 지도 API를 연동하여 위치 기반 정보를 제공하는 화면입니다. - 지도 연동: API: 구글 지도(Google Maps SDK) 혹은 네이버/카카오 지도 SDK를 연동한 MapView 입니다. 마커 (Marker): 좌표(위도, 경도) 데이터를 기반으로 지도 위에 핀(Pin) 오버레이를 띄우고, 클릭 이벤트를 처리합니다. - 하단 리스트: 지도 위에 겹쳐서 화면 하단을 분할하여 RecyclerView로 장소 목록을 보여줍니다. BottomSheetBehavior를 적용하여 리스트를 위로 끌어올릴 수 있게 구현했습니다

이미지 12

[AI 영양사 대화] GCP AI Conversational Agent 챗봇 인터페이스를 구현한 화면입니다.

Beoming
안드로이드 개발
별점
5.0(3)
대기업 클라우드·AI 부서에서 근무 중인 소프트웨어 엔지니어 입니다. 웹·앱·안드로이드 개발과 AI 기반 서비스 구축을 전문으로 합니다.

식자재 납품 관련 웹페이지 개발

0
4
  • 식자재 납품 관련 웹페이지 개발

    0
    4
비슷한 스타일을 찾고 계신가요?의 다른 포트폴리오

전국 어디든 2-6일 완성! 효율적인 앱/웹 기획 전문가

0
12

핵밥 프랜차이즈 가맹문의 사이트

0
3

테네키친 공유주방 공식 홈페이지 제작

0
82

헬스기구 플랫폼 및 조작 플랫폼

0
37
  • 전국 어디든 2-6일 완성! 효율적인 앱/웹 기획 전문가

    0
    12
  • 핵밥 프랜차이즈 가맹문의 사이트

    0
    3
  • 테네키친 공유주방 공식 홈페이지 제작

    0
    82
  • 헬스기구 플랫폼 및 조작 플랫폼

    0
    37
  • 블루북 백앤드API, 관리자시스템 구축

    0
    5
  • 기획부터 출시까지, AI 식단 분석 앱 TRAYCE

    0
    4
  • 복약 안전부터 혈당 관리까지, 맞춤형 건강 솔루션 안드로이드 앱 개발

    0
    5
  • 광고 견적 비교 플랫폼 웹과 앱 (마장, 운영 중)

    0
    0
  • 텍스 메이트 | 자체 제작 복식장부 앱

    0
    1