주요 내용
단원 1: JS 란? : 그리기와 애니메이션
이 단원에 대하여
JavaScript 언어를 사용하는 방법과 ProcessingJS 라이브러리를 사용하여 재미있는 그리기와 애니메이션을 만드는 방법을 배워 봅시다.
만약 이곳이 처음이라면, 소개 동영상을 보면서 칸아카데미의 프로그래밍 코스에 대해 경험해 보세요. 그리고 코딩을 시작하세요!
프로그래밍의 기본 사항과 도형을 그리는 방법에 대해 배워 봅시다.
도형에 색을 칠하고 윤곽선을 그리는 방법에 대해 배워 봅시다.
값을 저장하기 위해 변수를 이용하는 방법과 그림에 애니메이션 효과를 주는 방법에 대해 배워 봅시다.
그리기 앱처럼 마우스의 위치에 따라 도형을 그리는 프로그램을 만드는 방법에 대해 배워 봅시다.
그림의 일부 크기를 다른 부분에 대해 상대적으로 조정하기 위해 변수를 포함하는 식을 사용하는 방법에 대해 배워 봅시다. (이것은 좀 더 많은 수학을 필요로 하므로 분수에 대해 잘 모르면 해당 영역을 건너뛰세요.)
배경에 텍스트를 표시하며 크기를 조정하고 색칠하여 애니메이션 효과를 주는 방법에 대해 배워 봅시다.
재사용 가능한 코드를 만들기 위해 코드를 함수로 묶는 방법에 대해서 배워 봅시다. 함수는 매개변수를 입력받고 값을 반환할 수 있습니다.
프로그램이 결정을 내릴 수 있도록 가르칩시다!
코드의 문제점을 어떻게 찾을 수 있을까요? 프로그램 디버깅을 위한 팁과 요령에 대해 배워 봅시다.
들여 쓰기, 공백, 이름 짓기, 주석의 사용을 통해 읽기 쉽고 이해하기 쉬운 JavaScript 코드를 작성하는 방법에 대해 배워 봅시다.
연습문제
배열를 이용해 여러 값을 변수에 저장하는 방법에 대해 배워 봅시다.
복잡한 데이터를 객체에 저장하는 방법에 대해 배워 봅시다.
재사용 가능한 코드를 만들기 위해 JavaScript에서 객체지향적 개념에 대해 배워 봅시다.
이제 프로그래밍의 기본 사항은 이해한 것 같습니다. 더 생산적이고 아름다운 코드를 작성하는 데 도움이 될 수 있는 기술에 대해 배워 봅시다.