디자인 시스템의 텍스트 크기 문제 해결 경험

■ 디자인 시스템의 텍스트 크기 문제 해결 경험

---

• Background
  • 사내 디자인 시스템에서 텍스트 크기는 DP(Density Pixel) 단위로 정의되어 있었으며, SP(Scale Pixel) 단위의 크기는 고려되지 않고 있었음.
  • 사내 안드로이드 개발자들은 관습적으로 SP 단위로 개발해왔음.
• Problem Situation
  • 리딩앤 서비스는 10세 미만의 어린이와 부모가 사용하기 때문에, 안드로이드 디바이스의 폰트 설정을 바꾸는 경우가 종종 있어 고려되지 않았던 SP 단위에 의해 예상하지 못한 UI가 나타나는 문제가 발생함
• Troubleshooting
  • 디자이너와 개발자들에게 이 문제를 주도적으로 알리고, 디자인 시스템의 Typography 크기에 대한 규칙을 재 정의하고 수정함

■ 텍스트 컴포넌트 개선을 통한 유지보수성 향상 경험

---

• Background
  • 사내 안드로이드 디자인 시스템 텍스트가 포함된 모든 컴포넌트는 HTML 태그를 상속받지 못하는 텍스트로 개발되어 있음
• Problem Situation
  • 텍스트에 밑줄이나 컬러링을 추가하려면 매번 새로운 컴포넌트를 생성해야 하는 문제가 발생
• Troubleshooting
  • Typography에 HTML Compat 기능을 추가하였고, 텍스트를 포함한 모든 컴포넌트가 이 기능을 상속받도록 수정함