Binary Casting 로직 기반 8-bit CSS Generic Repeat 함수 구현

Context

CSS Grid의 repeat() 함수가 특정 컨텍스트에 국한된 제약으로 인해 범용적 사용이 불가능한 상황. shape()나 animation-property 등 다양한 CSS 속성에서 반복적인 세그먼트를 정의해야 하는 니즈를 해결하기 위한 구조적 접근 필요.

Technical Solution

• Non-iterative 환경에서 반복 구현을 위해 입력 숫자를 Unary Number Base로 캐스팅하는 설계 채택
• Decimal 값을 Binary로 변환하기 위해 round(down, n) 함수를 이용한 Bit-slicing 로직 구현
• 2의 거듭제곱(Power of Two)을 미리 계산한 변수들을 정의하여 이진수의 각 비트 값에 매핑
• CSS Custom Properties와 conditional logic을 결합하여 비트가 1인 경우에만 해당 거듭제곱의 문자열을 Concatenation 하는 구조 설계
• 8-bit 연산을 통해 최대 255회까지의 반복 횟수를 지원하는 고정 길이의 논리 회로 모사