프로젝트 배경
⚠️ 문제점
·기존 Scratch는 시각적 코딩만 지원하며, 실제 코드·보드 제어 기능이 제한적
·아두이노 IDE 등 외부 프로그램 설치에 대한 진입 장벽이 높아 초보자 진입이 어려움
✅ 프로젝트 목표
·초보자도 손쉽게 사용 가능한 블록코딩 기반 노코드 플랫폼 구축
·설치 없이 브라우저에서 실제 보드 제어 및 코드 업로드 구현
❗ 주안점
·블록코딩 → 실제 코드(Python, Arduino, Js) 자동 변환 정확도
·Web Serial API를 활용한 설치 없는 실시간 보드 제어
·학습 친화적 UI 구성 및 디버깅 편의 기능 설계
·Scratch 오픈소스를 기반으로 하되 구조 안정화 및 확장성 확보
·기존 Scratch는 시각적 코딩만 지원하며, 실제 코드·보드 제어 기능이 제한적
·아두이노 IDE 등 외부 프로그램 설치에 대한 진입 장벽이 높아 초보자 진입이 어려움
✅ 프로젝트 목표
·초보자도 손쉽게 사용 가능한 블록코딩 기반 노코드 플랫폼 구축
·설치 없이 브라우저에서 실제 보드 제어 및 코드 업로드 구현
❗ 주안점
·블록코딩 → 실제 코드(Python, Arduino, Js) 자동 변환 정확도
·Web Serial API를 활용한 설치 없는 실시간 보드 제어
·학습 친화적 UI 구성 및 디버깅 편의 기능 설계
·Scratch 오픈소스를 기반으로 하되 구조 안정화 및 확장성 확보
프로젝트 성과
설치 없이 사용 가능한 환경 구현
100% 웹 기반 코딩·업로드 환경 구축, 설치 소요 시간 0분으로 단축
블록 → 코드 변환 정확도 100% 달성
복잡한 블록 조합에서도 대부분의 Python·Arduino 코드 정확 변환
브라우저로 하드웨어 제어
브라우저를 통해 하드웨어로 hex 파일 업로드 기능을 구현
핵심 기능
블록 → 실코드 자동 변환
블록 조립만으로 Python, Arduino 코드를 자동 생성해 학습 효율 강화
설치 없는 보드 업로드
Web Serial API 활용으로 설치 없이 브라우저에서 실시간 보드 업로드 가능
사용자 친화적 UI 개선
초등~성인까지 사용 가능한 직관적 인터페이스와 코드 시각화 기능 제공
진행 단계
오픈소스 분석 및 커스터마이징 기획
2020.09.
Scratch 구조 파악 및 커스터마이징 범위 설정, UI/UX 방향 정의
코드 자동 생성 로직 개발
2020.09.
블록 → Python/Arduino 변환 로직 구현 및 테스트 환경 구성
브라우저 보드 제어 기능 개발
2020.10.
Web Serial API를 활용한 실시간 시리얼 통신 및 업로드 기능 구현
UI 개선 및 배포 테스트
2020.11.
교육용 UI 적용, 크로스브라우저 테스트, 시범 운영 실시
프로젝트 상세
1. 개요
Scratch 기반의 오픈소스를 커스터마이징하여, 블록코딩으로 파이썬, 아두이노 등의 실제 코드를 자동 생성할 수 있는 노코드 플랫폼을 제작하였습니다. 기존 오픈소스의 디자인과 기능을 대폭 개선하고, 브라우저에서 직접 보드를 제어할 수 있는 기능을 추가해 별도 프로그램 설치 없이도 코딩과 업로드가 가능한 환경을 구현하였습니다.
2. 의뢰내용 및 주안점
코딩 초보자도 블록을 조립하듯 쉽게 프로그래밍을 체험할 수 있도록 하면서, 실제 디바이스 제어까지 연결되는 구조가 필요했습니다. 특히 브라우저에서 시리얼포트를 직접 제어하여 코드를 보드로 업로드할 수 있는 기능과, 학습용에 적합한 직관적인 UI를 구현하는 것이 핵심 과제였습니다.
3. 작업범위
- Scratch 오픈소스 기반 커스터마이징
- UI 및 기능 개선
- 블록 → 코드 자동 변환 로직 구현
- 브라우저 시리얼포트 연동 기능 개발
- 외부 보드 업로드 프로세스 구축
4. 주요기능
- 블록코딩 기반 파이썬·아두이노 코드 자동 생성 (노코드)
- Scratch 에디터 오픈소스 커스터마이징
- 브라우저 기반 시리얼포트 연동 (설치 없이 보드 업로드 가능)
- 사용자 친화적 UI 및 추가 기능 설계
Scratch 기반의 오픈소스를 커스터마이징하여, 블록코딩으로 파이썬, 아두이노 등의 실제 코드를 자동 생성할 수 있는 노코드 플랫폼을 제작하였습니다. 기존 오픈소스의 디자인과 기능을 대폭 개선하고, 브라우저에서 직접 보드를 제어할 수 있는 기능을 추가해 별도 프로그램 설치 없이도 코딩과 업로드가 가능한 환경을 구현하였습니다.
2. 의뢰내용 및 주안점
코딩 초보자도 블록을 조립하듯 쉽게 프로그래밍을 체험할 수 있도록 하면서, 실제 디바이스 제어까지 연결되는 구조가 필요했습니다. 특히 브라우저에서 시리얼포트를 직접 제어하여 코드를 보드로 업로드할 수 있는 기능과, 학습용에 적합한 직관적인 UI를 구현하는 것이 핵심 과제였습니다.
3. 작업범위
- Scratch 오픈소스 기반 커스터마이징
- UI 및 기능 개선
- 블록 → 코드 자동 변환 로직 구현
- 브라우저 시리얼포트 연동 기능 개발
- 외부 보드 업로드 프로세스 구축
4. 주요기능
- 블록코딩 기반 파이썬·아두이노 코드 자동 생성 (노코드)
- Scratch 에디터 오픈소스 커스터마이징
- 브라우저 기반 시리얼포트 연동 (설치 없이 보드 업로드 가능)
- 사용자 친화적 UI 및 추가 기능 설계

블록코딩을 통해 아두이노 소스코드를 만들고 컴파일 및 업로드까지 모두 가능한 웹페이지



