blockly.dev이 존재할 수 있는 건 너무나 많은 것들이 무료이기 때문입니다.

고맙습니다.

오픈소스 소프트웨어와 무료 인프라를 활용해 모든 레슨을 무료로 유지합니다. 아래는 blockly.dev를 가능하게 한 사람들과 프로젝트 중 일부에 보내는 감사입니다.

우리를 무료로 호스팅해 주는 인프라

  • Cloudflare Pages

    학습자와 가까운 엣지에서 모든 정적 페이지를 전달하는 글로벌 CDN입니다.

  • GitHub

    코드를 보관하고 모든 변경 사항을 배포 전에 자동 검사하고 빌드합니다.

  • Google Fonts

    Inter와 Noto Sans가 라틴 문자, 중국어, 일본어, 한국어를 읽기 쉽게 만듭니다.

블록 코딩의 계보

  • Seymour Papert

    Logo, 구성주의, 아이도 프로그래밍할 수 있다는 믿음이 이후의 모든 것을 만들었습니다.

  • Mitchel Resnick & the MIT Media Lab Lifelong Kindergarten group

    Scratch는 수백만 아이에게 블록 프로그래밍을 보여 주고 그 가능성을 증명했습니다.

  • Google Blockly

    작업 공간의 모든 블록을 그리고, 편집하고, 저장하는 오픈소스 라이브러리입니다.

  • Microsoft MakeCode

    카테고리 도구 상자 방식은 완전 초보자를 환영하는 블록 코딩의 본보기입니다.

우리가 올라타고 있는 오픈소스 스택

  • Next.js (Vercel)

    이 정적 사이트를 생성하는 프레임워크입니다.

  • React (Meta)

    인터페이스를 구성하는 컴포넌트 모델입니다.

  • TypeScript (Microsoft)

    학습자가 만나기 전에 실수를 찾아 주는 언어입니다.

  • Tailwind CSS

    Adam Wathan과 기여자들이 관리하는 스타일 시스템입니다.

  • Vitest, Testing Library, jsdom

    레슨, 엔진, 인터페이스의 자동 검사를 실행하는 도구입니다.

  • Howler.js

    레슨 내레이션을 재생하는 오디오 엔진입니다.

  • Firebase (Google)

    선택 로그인과 기기 간 진행 상황 저장을 담당합니다.

  • ffmpeg & music-metadata

    내레이션 트랙을 측정하고 맞추고 이어 붙이는 도구입니다.

그리고 초보자 옆에 앉아 "컴퓨터는 네가 말한 그대로만 한다"고 말해 준 모든 선생님들께 — 우리가 여전히 가르치려는 건 바로 그 한 문장입니다.

우리의 미션 읽기