토스에서 또 재미있는 기능을 내놨네요

에.. 야심한 밤에 또 다시 잠에 들지 못해서 웹서핑을 하던 중에 토스에서 재미난걸 출시했더라고요

결제 위젯이라고 해서 결제 관련 부분 디자인을 코드작성 없이 수정할 수 있는 기능을 공개했습니다 (자세한건 공식 사이트 방문해보세요)

별도로 신청 폼을 작성해야 만들 수 있어서, 어저께 작성해두었는데 이틀 뒤에 활성화 해주네요

위 사진같이 별걸 다 설정할 수 있습니다.

폰트, 크기, 디자인 등등.. 쉽게 만들어두었더라고요

그래서 Hotopay에도 적용을 해보았습니다 ㅋㅋ

딱 사이트에서 설정한대로 나오는거 같습니다.

기존 hotopay 결제 플로우랑은 약간 안맞아서 백엔드단을 약간 수정하기는 했는데, 거의 수정 없이 그대로 적용이 가능했습니다.

다만, 최초 로딩 시간이 3초정도 걸리는데, 그동안 사이트 버튼이고 뭐고 완전히 먹통이 되어버리는 이슈가 있어서.. 사파리 환경이라 그런진 모르겠는데 뭐 언젠가 해결이 되겠죠 ㅎㅎ

사실 기존 hotopay 디자인으로도 사용하는데 무리는 없어서 효용성이 있을까 싶긴 합니다만, 야심한 밤에 할것도 없어서 만들어보았습니다 ㅋㅋ

github에서 최신 파일 받으시면 체험해보실 수 있으니 직접 적용해보세요 (최신 릴리즈 X)