KR20190047494A

KR20190047494A - 박스 라이브러리 기반의 코딩 학습 방법

Info

Publication number: KR20190047494A
Application number: KR1020170141443A
Authority: KR
Inventors: 정원용
Original assignee: 정원용
Priority date: 2017-10-27
Filing date: 2017-10-27
Publication date: 2019-05-08

Abstract

본 발명은 박스 라이브러리 기반의 코딩 학습 방법에 관한 것으로, 더욱 상세하게는 코드 영역에 입력되는 코드를 기반으로 표시 영역에 블록 형식의 박스를 적어도 하나 이상 생성하는 단계; 상기 생성된 적어도 하나 이상의 박스 내에 코드 값을 갖는 적어도 하나 이상의 코드가 입력되면, 상기 입력된 코드 값에 따라 코딩을 실행하는 단계; 및 상기 실행 결과를 표시 영역에 표시하는 단계를 포함한다.

Description

박스 라이브러리 기반의 코딩 학습 방법{A CODING LEARNING METHOD BASED ON BOX LIBRARY}

본 발명은 박스 라이브러리 기반의 코딩 학습 방법에 관한 것으로, 보다 상세하게는 박스 라이브러리를 기반으로 한가지 언어를 사용하여 적은 코드량으로 코딩할 수 있도록 하는 박스 라이브러리 기반의 코딩 학습 방법에 관한 것이다.

디지털 문화가 교육에도 영향을 주고 있다. 디지털 시대에 어울리는 창의력 사고, 일명 컴퓨팅적 사고(Computational Thinking, CT)를 기르기 위한 노력이 여기저기서 일어나고 있다. 그 중심엔 코딩 교육이 있다. 인공지능, 사물인터넷, 빅데이터 등 4차 산업혁명 시대를 맞아 최근 각광 받는 코딩교육은 의무교육과정에 포함되어 내년부터는 초등학생들이 코딩 수업을 받게 된다. 우리 주변에 일어나는 자연 현상을 알려주기 위해 과학을 가르치듯, 매일 사용하는 인터넷과 스마트폰, 컴퓨터 등의 원리를 가르치기 위해 코딩 교육을 하려는 것이다. 몇 해 전부터 교육 및 기술 전문가가 협업해 코딩 교육 콘텐츠와 교수법을 개발하고 있으며, 정부나 IT기업들의 지원도 늘어나고 있다.

블록 코딩은 명령어가 써있는 블록 또는 퍼즐을 배열하여 원하는 명령을 실행하도록 하는 것으로, 영어로 이루어진 컴퓨터 언어를 타자로 쳐서 입력하기 어려운 입학 전 유아와 초등학교 저학년들이 퍼즐이나 블록 맞추기 등 방식의 블록 코딩을 통해 컴퓨터 프로그래밍 원리를 배우게 된다.

즉, 어린이 눈높이에 맞추는 데 집중했기 때문에, 알고리즘 원리를 놀이와 게임 등으로 자연스럽게 이해할 수 있게 돕고 있다. 프로그래밍 용어를 전혀 사용하지 않고 반복문이나 연산 원리를 알려주는 식이다. 대부분 캐릭터를 활용한 게임을 이용하거나 드래그앤드롭 방식 같은 쉬운 방법으로 코딩 교육을 진행하고 있다.

그러나, 텍스트 코딩의 가장 대중적인 예로 웹 프로그래밍을 하는 경우에는 세가지의 언어의 문법을 이용하고 있고, 많은 분량의 문자를 타이핑 해야 하기 때문에 블록 코딩으로 학습한 후에 텍스트 코딩으로 넘어가는 경우에도 그 학습 속도가 오래 걸리고, 노력 대비 적은 결과로 학습 의욕을 떨어뜨린다는 문제점이 있다. 이렇듯 블록 코딩과 텍스트 코딩 간에는 높은 진입장벽이 존재한다.

따라서, 코딩 입문자들이 텍스트 코딩을 보다 빠르고 효율적으로 학습할 수 있도록 할 필요가 있다.

따라서, 본 발명은 상기한 바와 같은 문제점을 해결하기 위하여 제안된 것으로, 본 발명은 박스 라이브러리를 활용한 배치로 코드와 사물의 은유를 통해 코딩 입문자들이 텍스트 코딩을 쉽게 이해할 수 있도록 하는 박스 라이브러리 기반의 코딩 학습 방법을 제공함에 있다.

또한, 본 발명은 한가지 언어를 사용하여 적은 코드량으로 코딩할 수 있도록 하는 박스 라이브러리 기반의 코딩 학습 방법을제공함에 있다.

또한, 본 발명은 코딩 입문자들이 텍스트 코딩을 보다 빠르고 효율적으로 학습할 수 있도록 하는 박스 라이브러리 기반의 코딩 학습 방법을 제공함에 있다.

또한, 본 발명은 적은 코드량을 사용함으로써 가독성을 높일 뿐만 아니라, 타인이 용이하게 분석 또는 재활용 할 수 있도록 하는 박스 라이브러리 기반의 코딩 학습 방법을 제공함에 있다.

본 발명의 목적은 이상에서 언급한 것으로 제한되지 않으며, 언급되지 않은 또 다른 목적들은 아래의 기재로부터 본 발명이 속하는 기술 분야의 통상의 지식을 가진 자에게 명확히 이해될 수 있을 것이다.

상기와 같은 목적을 달성하기 위한 본 발명에 따른 박스 라이브러리 기반의 코딩 학습 방법은, 코드 영역에 입력되는 코드를 기반으로 표시 영역에 블록 형식의 박스를 적어도 하나 이상 생성하는 단계; 상기 생성된 적어도 하나 이상의 박스 내에 코드 값을 갖는 적어도 하나 이상의 코드가 입력되면, 상기 입력된 코드 값에 따라 코딩을 실행하는 단계; 및 상기 실행 결과를 표시 영역에 표시하는 단계를 포함한다.

또한, 상기와 같은 목적을 달성하기 위한 본 발명에 따른 박스 라이브러리 기반의 코딩 학습 방법을 수행하는 프로그램이 기록된 컴퓨터 판독 가능한 기록 매체에 있어서, 상기 박스 라이브러리 기반의 코딩 학습 방법은, 코드 영역에 입력되는 코드를 기반으로 표시 영역에 블록 형식의 박스를 적어도 하나 이상 생성하는 단계; 상기 생성된 적어도 하나 이상의 박스 내에 코드 값을 갖는 적어도 하나 이상의 코드가 입력되면, 상기 입력된 코드 값에 따라 코딩을 실행하는 단계; 및 상기 실행 결과를 표시 영역에 표시하는 단계를 포함한다

본 발명에 의하면, 박스 라이브러리를 활용한 배치로 코드와 사물의 은유를 통해 코딩 입문자들이 텍스트 코딩을 쉽게 이해할 수 있도록 한다.

또한, 본 발명에 의하면, 한가지 언어를 사용하여 적은 코드량으로 코딩할 수 있도록 한다.

또한, 본 발명에 의하면, 코딩 입문자들이 텍스트 코딩을 보다 빠르고 효율적으로 학습할 수 있도록 한다.

또한, 본 발명에 의하면, 적은 코드량을 사용함으로써 가독성을 높일 뿐만 아니라, 타인이 용이하게 분석 또는 재활용 할 수 있도록 한다.

본 발명의 효과는 이상에서 언급한 것으로 제한되지 않으며, 언급되지 않은 또다른 효과들은 아래의 기재로부터 본 발명이 속하는 기술 분야의 통상의 지식을 가진 자에게 명확히 이해될 수 있을 것이다.

도 1은 본 발명의 실시예에 따른 코딩 학습 방법에서 사용자 인터페이스의 화면 구성을 나타내는 도면,
도 2는 본 발명의 실시예에 따른 코딩 학습 방법을 나타내는 순서도,
도 3a 및 도 3b는 본 발명의 제1 실시예에 따른 코딩 학습 방법에 의해 표시된 실행 결과를 나타내는 도면,
도 4는 본 발명의 제2 실시예에 따른 코딩 학습 방법에 의해 표시된 실행 결과를 나타내는 도면,
도 5는 본 발명의 제3 실시예에 따른 코딩 학습 방법에 의해 표시된 실행 결과를 나타내는 도면,
도 6은 본 발명의 제4 실시예에 따른 코딩 학습 방법에 의해 표시된 실행 결과를 나타내는 도면.

본 발명의 목적 및 효과, 그리고 그것들을 달성하기 위한 기술적 구성들은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 본 발명을 설명함에 있어서 공지 기능 또는 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우에는 그 상세한 설명을 생략할 것이다. 그리고 후술되는 용어들은 본 발명에서의 기증을 고려하여 정의된 용어들로서 이는 사용자, 운용자의 의도 또는 관례 등에 따라 달라질 수 있다.

그러나, 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있다. 단지 본 실시예들은 본 발명의 개시가 완전하도록 하고, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 그러므로 그 정의는 본 명세서 전반에 걸친 내용을 토대로 내려져야 할 것이다.

이하에서는 본 발명의 실시예에 따른 박스 라이브러리 기반의 코딩 학습 방법에 대하여 첨부된 도면을 참고하여 구체적으로 설명하기로 한다.

도 1은 본 발명의 실시예에 따른 코딩 학습 방법에서 사용자 인터페이스의 화면 구성을 나타내는 도면이다.

도 1에 도시된 바와 같이, 사용자 인터페이스(100)는 코드 영역(110) 및 표시 영역(130)을 포함한다.

코드 영역(110)는 사용자가 코드를 입력 또는 편집할 수 있는 영역이다. 이때, 코드는 특정 명령을 실행하도록 미리 결정된 것으로, 사용자는 필요에 따라 코드와 함께 코드 값을 입력한다. 즉, 코드 영역(110)에 코드가 입력 또는 편집되면, 해당 코드에 대응하는 명령이 실행된다.

표시 영역(130)은 상기 입력된 코드 및 코드 값에 따른 실행 결과를 표시하는 영역이다. 이때, 표시 영역(130)은 실행 결과를 표시하는 실행 결과 표시 영역(131) 및 오류 정보를 표시하는 오류 정보 표시 영역(133)을 포함할 수 있다. 이는 일 실시예일 뿐이며, 필요에 따라 영역을 설정하여 추가하거나 삭제할 수도 있다. 아울러, 각 영역의 크기 또한 설정 가능하다.

예를 들어, 사용자가 박스를 생성하도록 하는 코드로 "box", "append"를 코드 영역(110)에 입력하면, 표시 영역(130)에 일정 크기가 박스가 생성된다. 만약, 사용자가 코드 "color('red')" 및 "size(200)"를 코드 영역(110)에 추가적으로 더 입력하였다면, 표시 영역(130)에 크기 200을 갖는 빨간색 박스가 생성된다.

도 2는 본 발명의 실시예에 따른 코딩 학습 방법을 나타내는 순서도이다.

코드 영역(110)에 코드가 입력되면, 입력된 코드에 따라 박스를 생성한다(S201).

이후, 코드 영역(110)에 상기 생성된 적어도 하나 이상의 박스 내에 코드 값을 갖는 적어도 하나 이상의 코드가 입력되면, 상기 입력된 코드 값에 따라 코딩을 실행한다(S203).

상기 실행에 따른 오류가 발생하는지 여부를 판단하고(S205), 상기 실행 결과, 오류가 발생한 경우에는 표시 영역 내의 오류 정보 표시 영역(S133)에 오류 정보를 표시한다(S207).

한편, 상기 실행 결과, 오류가 발생하지 않은 경우에는 표시 영역 내의 실행 결과 표시 영역(131)에 상기 실행에 따른 동작을 구현하여 표시한다(S209).

한편, 도 2에는 도시하지 않았지만, 오류가 발생한 경우, 오류 정보를 학습 서버로 전송하고, 그에 대한 응답으로 오류에 대한 학습 정보를 수신할 수 있다.

도 3a 및 도 3b는 본 발명의 제1 실시예에 따른 코딩 학습 방법에 의해 표시된 실행 결과를 나타내는 도면이다.

도 3a에 도시된 바와 같이, 사용자가 코드 영역(110)에 "box()", "append()", "size(200)", "color('black'), "text('BOX')" 및 "textColor('yellow')"를 순차적으로 입력하면, 표시 영역(130)에 일정 크기를 갖는 노란색 글씨 'BOX'가 기재된 200의 크기를 갖는 검정색 박스가 생성된다.

만약, 동일한 조건에서 박스 컬러만을 붉은 색으로 변경하고자 하는 경우, 도 3b에 도시된 바와 같이, 사용자가 코드 영역(110)에 입력한 "color('black')"을 "color('red')로 수정하면, 표시 영역(130)에 일정 크기를 갖는 노란색 글씨 'BOX'가 기재된 200의 크기를 갖는 붉은색 박스로 바뀌어 표시된다.

도 4는 본 발명의 제2 실시예에 따른 코딩 학습 방법에 의해 표시된 실행 결과를 나타내는 도면이다.

도 4에 도시된 바와 같이, 초록색 박스 2개와 붉은색 박스 3개를 생성하고자 하는 경우, 사용자는 먼저 코드 영역(110)에 초록색 박스 2개를 생성하기 위한 코드 및 코드 값을 입력하고, 이후 붉은색 박스 3개를 생성하기 위한 코드 및 코드 값을 입력한다. 이때, 박스를 생성하기 위해서, 코드 영역(110)에 표시된 바와 같이 코드 및 코드 값을 두 차례 입력하여 초록색 박스를 두 개 생성할 수도 있고, 그 하단에 표시된 바와 같이 생성 개수를 한정하는 수식과 코드 및 코드 값을 입력하여 붉은색 박스를 세 개 생성할 수도 있다. 즉, 원하는 생성 개수만큼 코드 및 코드 값을 입력하거나, 수식으로 생성 개수를 한정하여 코드 및 코드 값을 한 차례 입력하더라도 원하는 개수만큼의 박스를 생성할 수 있다.

도 5는 본 발명의 제3 실시예에 따른 코딩 학습 방법에 의해 표시된 실행 결과를 나타내는 도면이고, 도 6은 본 발명의 제4 실시예에 따른 코딩 학습 방법에 의해 표시된 실행 결과를 나타내는 도면이다.

도 5 및 도 6은 코드 영역(110)에 코드 및 코드 값을 입력하고, 그에 대한 코딩을 실행하여 표시 영역(130)에 각각 피아노 및 계산기를 생성한 것이다. 구체적으로, 사용자가 코드 영역(110)에 미리 학습한 다양한 코드와 코드 값을 입력함으로써 박스와 그 박스 내의 각 구성요소를 생성하는 것뿐만 아니라, 특정 구성요소를 클릭 시에 실행될 수 있는 기능까지도 설정할 수 있다. 그 실행 결과는 표시 영역(130)에 모두 표시되며, 사용자는 이를 통해 시뮬레이션 해볼 수 있다.

앞서 설명한 도면에서는 모두 사용자 인터페이스(100)가 프로그램을 통해 구현되는 것으로 도시하였으나, 이는 실시예일 뿐, 여러 플랫폼을 통해 구현될 수 있는 것으로, 예를 들어 사용자 단말에서 링크를 통해 접속하여 구현될 수도 있다.

또한, 사용자가 원하는 코딩 결과를 도출하고자 임의로 코드 및 코드 값을 입력할 수도 있지만, 학습 시작 시에 미션이 주어질 수도 있으며, 미션이 주어지는 경우에는 그 미션에 따라 코드 및 코드 값을 입력 및 실행하여 미션 성공 여부를 확인하도록 함으로써 효율적인 학습이 진행되도록 할 수도 있다.

본 발명의 실시예에 따른 박스 라이브러리 기반의 코딩 학습 방법은 컴퓨터로 읽을 수 있는 기록매체에 컴퓨터가 읽을 수 있는 코드로서 구현하는 것이 가능하다. 컴퓨터가 읽을 수 있는 기록매체는 컴퓨터 시스템에 의하여 읽혀질 수 있는 데이터가 저장되는 모든 종류의 기록장치를 포함한다. 기록매체의 예로는 ROM, RAM, CD-ROM, 자기 테이프, 플로피 디스크, 광데이터 저장장치 등이 있으며, 또한 캐리어 웨이브(예를 들어 인터넷을 통한 전송)의 형태로 구현되는 것도 포함한다. 또한 컴퓨터가 읽을 수 있는 기록매체는 네트워크로 연결된 컴퓨터 시스템에 분산되어 분산방식으로 컴퓨터가 읽을 수 있는 코드가 저장되고 실행될 수 있다.

본 명세서와 도면에는 본 발명의 바람직한 실시예에 대하여 개시하였으며, 비록 특정 용어들이 사용되었으나, 이는 단지 본 발명의 기술 내용을 쉽게 설명하고 발명의 이해를 돕기 위한 일반적인 의미에서 사용된 것이지, 본 발명의 범위를 한정하고자 하는 것은 아니다. 여기에 개시된 실시예 외에도 본 발명의 기술적 사상에 바탕을 둔 다른 변형예들이 실시 가능하다는 것은 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에게 자명한 것이다.

100: 사용자 인터페이스 110: 표시 영역
130: 표시 영역 131: 실행 결과 표시 영역
133: 오류 정보 표시 영역

Claims

박스 라이브러리 기반의 코딩 학습 방법에 있어서,
코드 영역에 입력되는 코드를 기반으로 표시 영역에 블록 형식의 박스를 적어도 하나 이상 생성하는 단계;
상기 생성된 적어도 하나 이상의 박스 내에 코드 값을 갖는 적어도 하나 이상의 코드가 입력되면, 상기 입력된 코드 값에 따라 코딩을 실행하는 단계; 및
상기 실행 결과를 표시 영역에 표시하는 단계를 포함하는 것을 특징으로 하는 코딩 학습 방법.
제1항에 있어서,
상기 실행 결과, 오류가 발생하지 않은 경우에는 상기 표시 영역 내의 실행 결과 표시 영역에 상기 실행에 따른 동작을 구현하여 표시하고, 오류가 발생한 경우에는 상기 표시 영역 내의 오류 정보 표시 영역에 오류 정보를 표시하는 것을 특징으로 하는 코딩 학습 방법.
제1항에 있어서
상기 오류는,
논리 오류 및 실행 오류 중 어느 하나인 것을 특징으로 하는 것을 코딩 학습 방법.
제2항에 있어서,
상기 오류가 발생한 경우,
상기 오류 정보를 학습 서버로 전송하는 단계; 및
상기 오류에 대한 학습 정보를 수신하는 단계를 포함하는 것을 특징으로 하는 코딩 학습 방법.
제1항 내지 제4항 중 어느 한 항의 방법을 컴퓨터로 하여금 수행시키기 위한 컴퓨터 판독 가능한 기록매체에 저장된 컴퓨터 프로그램.