2018년 말에, Semantic-UI 에서 제공하는 progress bar를 살짝 바꾸어서 CSS의 overflow: hidden 속성으로 무한 로딩을 구현한 적이 있다. https://jsfiddle.net/J00nas/xpvt214o/970756/ 위 링크에서도 동작하는 모습을 볼 수 있다. 기존의 progess bar의 인터페이스는 그대로 유지하고 기능만 추가하였기에, 코드도 나름 깔끔한 편이다. 문제는 기존에 제공되는 placement text는 안된다. 당시에 이걸 유지해보려고 많은 삽질을 해봤다가 실패했다. 사실 이 기능은 Semantic-UI에 PR을 날렸으나 무산되었다. [Progress] Add properties for infinite loop as loader style #6691(..

https://joonas-yoon.github.io/MenuSelectHelper/ 친구가 저녁메뉴를 계속 못 골라서 그냥 아무거나 나오는 거 먹으라고 하려고 구현 저녁 약속시간까지 2~3시간 남짓 남아서 그동안 만들었다. 메뉴 항목들은 이 그림을 참고했음. 사실 다 핑계고 시험기간에 공부하기 너무 싫었다. 구현도 그렇고 색깔 바뀌면서 골라지는 게 생각보다 재밌어서 이것저것 추가해봤다. 서브라임 켜서 크롬으로 확인하며 구현한거라 HTML + javascript가 전부. 비빔냉면/물냉면도 정해주는 갓갓인 구조. 탕수육 찍먹/부먹은 추후 업데이트 (...) 매운걸 못 먹거나 비린걸 못 먹는 친구가 있어서, 특정 메뉴는 제외하는 기능도 추가하면 좋지 않을까 생각중