밴딩머신 프로젝트

인터넷 밴딩머신를 만들던 중 여러가지 alert를 주기 위해 새로 custom 모달창을 만들었다. 기본 alert에서 모달창으로 모든 것을 옮기던 중 문제가 발생했다. 입금 버튼을 눌렀을 시나 음료수가 품절되었을 경우는 사용자에게 그저 정보를 알려주기 위해서 모달창을

전에 1개의 모달창을 공유하기 위한 이벤트 중복 방지 포스트에서 custom 모달창을 공유하기 위한 방법은 너무 복잡하고 많은 인자들을 onModal 함수에 넘겼다. 그리고 계속 btn-cancel과 btn-yes의 이벤트들을 계속 추가해주고 지우는 비효율적인 일을 계

밴딩머신 프로젝트를 다시 진행하면서 작은 프로젝트인만큼 사소한 디테일도 신경쓸 수 있는 기회가 될 것 같아 여러가지 웹 접근성을 향상시켜보려 했다. 키보드 접근성과 스크린 리더를 사용해 장애인분들도 사용할 수 있을 정도로 접근성을 향상시켜보는 시도를 해보았다.커스텀 모

들어가기 전 MacOS에서 기본으로 탑재되어 있는 VoiceOver를 사용하였다. 스크린 리더 사용자는 윈도우 사용자가 많긴 하지만 내가 가지고 있는 노트북이 맥북 밖에 없어서 VoiceOver를 사용하게 되었다. > VoiceOver는 Cmd + f5를 클릭하면 간단