Licenses
라이선스 고지
이 사이트는 자체 제작한 화면과 코드 위에 아래 오픈소스 라이브러리를 사용합니다. 각 라이브러리는 해당 프로젝트의 라이선스 조건을 따릅니다.
아래 목록은 사이트를 구성하는 주요 라이브러리입니다. 대부분 MIT 라이선스로, 저작권 및 라이선스 고지를 유지하면 상업적 이용과 수정·재배포가 모두 허용되는 조건입니다.
MIT 라이선스란
MIT 라이선스는 오픈소스 라이선스 중 가장 제약이 적은 편에 속합니다. 원저작권 표시와 라이선스 고지를 함께 포함하면 누구나 자유롭게 사용·복제·수정·배포할 수 있고, 상업적 이용도 허용됩니다. 대신 소프트웨어는 ‘있는 그대로’ 제공되며 별도의 보증은 없습니다.
TypeScript가 따르는 Apache-2.0 라이선스도 상업적 이용을 허용하지만, 특허권에 관한 조항이 추가로 포함되어 있다는 점이 MIT와 다릅니다.
폰트와 이모지
도구 화면에 보이는 글꼴과 이모지는 방문자의 운영체제와 브라우저가 직접 그리는 것으로, 이 사이트가 폰트 파일을 배포하지 않습니다. 그래서 같은 화면이라도 기기에 따라 이모지 모양이 조금씩 다르게 보일 수 있습니다.
저작권 관련 문의
이 사이트에서 사용된 자료 중 출처 표기가 누락되었거나 권리 관계에 문제가 있다고 판단되시면 문의 페이지를 통해 알려 주세요. 확인 후 수정하겠습니다.
오픈소스를 쓰는 이유
이 사이트의 도구는 대부분 브라우저 안에서만 동작합니다. 그렇게 만들 수 있는 것은 화면을 그리고 상태를 관리하는 부분, 물리 시뮬레이션을 계산하는 부분처럼 검증된 라이브러리들이 이미 존재하기 때문입니다. 직접 만들었다면 훨씬 느리고 훨씬 많은 버그가 있었을 것입니다.
대신 오픈소스를 쓰면 지켜야 할 것이 있습니다. 저작권과 라이선스 고지를 유지하는 것입니다. 이 페이지가 그 고지에 해당하며, 사용하는 라이브러리가 바뀌면 목록도 함께 갱신합니다.
각 라이브러리가 맡는 일
Next.js와 React는 페이지 구조와 화면 갱신을 담당합니다. 도구를 조작할 때 결과가 즉시 반영되는 부분, 그리고 페이지가 미리 만들어져 빠르게 열리는 부분이 여기에 해당합니다.
Matter.js는 핀볼, 서바이벌, 포켓볼, 팀 나누기에서 공이 부딪히고 튕기는 계산을 담당합니다. 이 계산은 화면 주사율과 무관하게 같은 속도로 진행되도록 실제 경과 시간을 기준으로 고정된 간격만큼만 진행됩니다.
Tailwind CSS는 화면 스타일을, TypeScript는 코드의 타입 검사를 맡습니다. 밝은 화면과 어두운 화면의 색상 전환도 이 스타일 체계 위에서 처리됩니다.