[내일배움캠프 42일차 TIL] 인벤토리 완성

 

🧠 오늘의 핵심 정리

• 인벤토리 & 스탯 UI 구현 마무리 후 제출 완료
• Scroll View 적용으로 아이템 수가 많아져도 깔끔하게 표시
• UI 개선 작업 : 배경 제거 + 배경 이미지 추가로 화면 정리

 

 

🎒 42일차 : 인벤토리 UI 완성 & 제출

오늘은 인벤토리 + 스탯 UI 구현을 마무리하고 제출했습니다.

작업 자체는 “기능 구현”이라기보다, UI가 실제로 쓸만하게 보이도록 다듬는 과정이 더 컸던 날이었어요.

 

 

🧾  인벤토리 완성 : Scroll View의 “진짜 필요성” 체감

이번 프로젝트에서 특히 기억에 남는 부분은 처음으로 Scroll View를 사용해본 경험입니다.

기존에는 인벤토리 패널 안에 아이템을 고정된 크기로 배치했는데, 아이템 개수가 많아지면 패널 크기를 넘어가는 문제가 생길 수 있었습니다.

Scroll View를 적용하면 아이템이 많아져도 사용자가 스크롤로 전체를 확인할 수 있어서 UI가 훨씬 깔끔하고 직관적이더라고요.

앞으로 아이템 종류가 늘어나거나 인벤토리 시스템을 확장할 때 Scroll View는 거의 필수라는 생각이 들었습니다.

 

 

🧹  UI 마감 작업 : 배경제거 / 배경 이미지 추가

기능이 다 돌아가도 화면이 지저분하면 “완성” 느낌이 안 나서, 마지막에 UI를 정리했습니다.

• 불필요하게 눈에 거슬리던 배경 요소 정리
• 전체 화면 톤을 맞추고 UI 가독성 개선

사소해 보이지만, 이런 마감이 들어가니까 UI가 훨씬 “과제”가 아니라 “게임 화면”처럼 보이기 시작하더라고요.

 

 

📌 오늘의 회고

이번 경험을 통해 UI 컴포넌트를 “아는 것”과 “직접 써서 완성까지 해보는 것”은 다르다는 걸 느꼈습니다.

특히 Scroll View는 “언젠가 쓰겠지”가 아니라, 인벤토리처럼 아이템이 늘어나는 구조에서는 처음부터 고려해야 하는 요소라는 걸 체감했습니다.

앞으로도 다양한 UI 기능들을 적극적으로 적용해서, 사용자 경험이 더 좋아지도록 계속 개선해보고 싶습니다.

 

 

🔜 다음에 해보고 싶은 것

• 인벤토리 정렬/필터 (장비/소비/기타 등 카테고리)
• 아이템 상세 패널에서 장착 슬롯 표시 / 강화 표시 같은 UI 요소 추가
• 아이템 드래그 앤 드롭(가능하면)까지 확장해보기