만두쌤의 · BETA코딩 한 꼬집

읽고, 바꾸고, 실행하며 배우는 코딩

작은 실행이,
나의 가능성이 되는 곳.

코드를 읽고, 한 줄 바꾸고, 결과를 확인해요.
파이썬 퍼즐부터 웹 만들기까지, 직접 해보며 나의 배움을 쌓아가세요.

공개 활동 해보기 수업에 활용하기
코드가 움직이는 3D 파이썬 퍼즐 파이썬 코드 편집기 옆에 캐릭터, 보석, 목표 지점이 함께 표시된 실제 3D 퍼즐 실습 화면
한쪽에는 나의 코드, 다른 쪽에는 눈앞에서 움직이는 결과.
스크린샷을 누르면 실제 학습 화면을 크게 볼 수 있어요.

HOW IT WORKS · 학습 방법

읽고, 바꾸고, 확인하고.
배움이 손끝에 남는 세 단계.

긴 설명을 다 읽을 때까지 기다릴 필요 없어요. 작은 목표 하나를 이해하고, 직접 실행하면서 다음 단계로 나아가요.

  1. 작은 목표를 읽어요

    무엇을 만들고 해결할지 먼저 살펴봐요. 지금 필요한 개념과 짧은 안내가 시작을 도와줘요.

  2. 내 손으로 바꿔봐요

    명령어를 입력하고 코드를 고쳐요. 보기만 하던 설명이 나의 행동으로 이어져요.

  3. 결과를 보며 이해해요

    캐릭터의 움직임과 화면의 변화를 확인해요. 예상과 다르면 다시 고쳐보며 이유를 찾아요.

LEARNING PATHS · 과정 소개

궁금한 것부터,
만들고 싶은 것까지.

컴퓨터가 낯설어도, 첫 코드를 써보고 싶어도 괜찮아요. 지금 나에게 맞는 활동부터 골라보세요.

처음 배우는 개념은 짧은 예제로 먼저 살펴보세요.

INSIDE THE CLASSROOM · 실제 학습 화면

설명이 끝나는 곳에서,
실습이 시작돼요.

컴퓨터와 도구 학습 안내를 따라 브라우저 속 가상 컴퓨터의 파일 탐색기를 조작하는 컴퓨터 기초 실습 화면

익숙한 컴퓨터처럼, 부담 없이 연습해요

가상 컴퓨터에서 폴더를 열고 파일을 살펴봐요. 터미널 명령어도 작은 안내를 따라 직접 입력하며 익힐 수 있어요.

웹 만들기 가상 편집기에서 index.html의 HTML 코드를 읽고 수정하는 실제 웹 만들기 학습 화면

코드와 화면을 연결하며 배워요

HTML의 구조, CSS의 모습, JavaScript의 행동을 알아봐요. 코드를 읽고 수정하면서 웹이 동작하는 원리를 확인해요.

FOR TEACHERS · 가르치는 분께

설명 다음에,
학생 스스로 만드는 수업.

설명과 실습을 하나의 흐름으로 연결해 보세요.
수업에 맞는 활동을 고르고, 강사 안내에서 운영 방법을 확인할 수 있어요.

수업에 활용하기

오늘, 코딩 한 꼬집 어때요?

완벽히 준비되지 않아도 괜찮아요.
끌리는 활동 하나가 나의 첫 시작이 될 수 있어요.

나에게 맞는 활동 찾기

학습 화면