핵심 요약
TOAST UI는 비트/바이트 개념과 텍스트 인코딩에 대한 배경 지식을 바탕으로 글자의 바이트 길이를 계산하는 함수와 사용자가 입력한 글자를 바이트 길이로 제한하는 Vue 컴포넌트를 구현했다.
구현 방법
- Vue.js 기반의 컴포넌트 설계와 데이터 흐름 구성(프로퍼티와 이벤트)
- 글자의 바이트 길이를 계산하는 함수 구현: 문자별 바이트 수 합산 로직
- 입력 이벤트에서 바이트 길이를 체크하고 초과 시 제약 적용 또는 사용자가 안내 메시지를 표시하는 로직
- 텍스트 인코딩 배경 지식에 대한 주석 및 구성문서화
주요 결과
- 입력 글자에 대해 바이트 길이 제약이 적용되는 동작 구현
- 바이트 길이 계산 로직의 재사용성과 컴포넌트 응집도 향상