하루만에 프로그래밍 끝내기/JAVASCRIPT(8)
-
8. 기념일 구하기
1. 자바스크립트는 기본적으로 제공하는 객체들이 있습니다. 예를 들면, 날짜를 알려주는 Date(), 수학 함수들을 지원하는 Math(), 배열을 지원하는 Array() 등이 있습니다. 객체(Object)는 웹 문서를 구성하는 요소라고 할 수 있습니다. 웹 페이지에서는 상태 표시줄, 스크롤바, 폼버튼 등을 객체라고 볼 수 있습니다. 속성(Property)은 객체의 특징 및 상태를 나타냅니다. 예를 들어, window객체는 name(이름), 이미지 객체는 width, height와 같은 속성을 가집니다. 메소드(Method)는 객체가 하는 동작을 나타냅니다. 지금까지 사용했던 document.write(); alert();와 같은 것을 메소드라고 할 수 있습니다. 객체와 속성, 객체와 메소드를 연결할 때는..
2017.08.22 -
6. 퀴즈 프로그램 만들기
1. 자바스크립트의 강점은 웹 페이지에서 사용자와 상호작용을 할 수 있다는 점입니다. 이번에는 사용자와 상호작용할 수 있는 여러 가지 입력폼을 만들어 보세요. 2. 다음과 같이 버튼과 함수를 이용한 간단한 경고장 띄우기를 만들어 봅니다. -1) 소스코드 버튼 -2) 실행결과 3. 간단한 퀴즈 프로그램을 만들기 위해 버튼을 활용하는 프로그램을 만듭니다. 역사 퀴즈를 만들어 봅니다. -1) 소스코드 역사 퀴즈 정답 체크 -2) 실행 결과 4. 한국사 객관식 문제를 만들어 봅니다. 아래와 같이 코드를 작성해 봅니다. -1) 소스코드 한국사 8급 문제 1. 다음 중 고려시대 왕은? 근초고왕 의자왕 충렬왕 성종 -2) 실행결과
2017.08.21 -
5. 함수 만들기
1. 지금까지 여러분이 만든 코드를 다시 사용하려면 어떻게 해야 할까요? 예를 들어, 덧셈 기능이나 검색 기능을 미리 만들어 놓고 필요할 때마다 그 기능을 사용하려면 무엇이 필요할까요? 자바스크립트에서는 다시 사용할 수 있도록 코드를 묶어 두는 방법을 "함수"라고 합니다. 함수를 사용하면 코드를 반복해서 복사하고 붙여 넣지 않아도 여러 곳에서 중복해서 사용할 수 있습니다. 2. 간단한 함수 만들기를 해 봅니다. -1) 소스코드 -2) 실행결과 3. 함수의 장점을 제대로 이용하려면 함수와 암께 인수(argument)를 사용할 수 있습니다. 인수를 사용하게 되면 함수를 호출할 때마다 함수의 동작을 바꿀 수 있습니다. 4. 함수의 인수를 사용하는 방법을 알아봅니다. 다음과 같이 코드를 작성해 봅니다. -1) ..
2017.08.11 -
4. 내가 좋아하는 동물들
1. 자바스크립트는 기본적인 프로그램을 만들 수 있으며, 사용자들과의 상호작용이 가능합니다. 반복문을 이용하여 입력한 숫자를 더하거나 총점과 평균을 출력하는 프로그램들을 만들 수 있습니다. 2. 반복문(for, while)을 이용하여 1부터 10까지 더하기 프로그램을 만들어 봅니다. -1) 소스코드 -2) 실행결과 3. 반복문을 이용하여 동물 이름을 출력하는 프로그램을 만들어 봅니다. 동물 이름을 출력하려면 초기에 동물 이름을 입력해 두어야 합니다. 변수를 여러 개 사용하면 되지만 변수가 수십 개가 되면 비효율적이므로 '배열'이라는 것을 사용해서 입력합니다. 배열은 하나의 변수에 여러 개의 값을 배정할 수 있게 해 줍니다. 일반적으로 배열을 선언하는 방법은 다음과 같이 2가지가 있습니다. var newA..
2017.08.10 -
3. 음식 주문하기
1. 자바스크립트로 조건이 맞는지 틀리는지를 확인하려면 이전 언어에서 배웠던 것처럼 조건문(if, else)을 사용하면 됩니다. 2. 아래 코드를 작성해 봅니다. -1) 소스코드 -2) 실행결과 3. 사용자들이 키를 입력할 수 있도록 대화창을 띄워서 값을 입력받아 봅니다. -1) 소스코드 -2) 실행결과 4. 비교 연산자 프로그래밍에서는 일반 수학에서 사용하는 등호나 연산자와는 다른 방법을 사용합니다. 일반적으로 두 값을 비교하는 연산자를 비교 연산자라고 합니다. == 같다, = 보다 크거나 같다, != 같지 않다 5. 이제 마지막 과제인 음식 주문하기 프로그램을 만들어 봅니다. 날씨 음식 맑음 피자 흐림 자장면 비 짬뽕 눈 칼국수 6. 위의 조건에 따라 프로그램을 만들어 ..
2017.08.09 -
2. 사칙연산하기
1.자바스크립트는 웹 페이지에서 사용자들에게 상호작용할 수 있게 해 줍니다. 웹 페이지에서 상호작용하려면 변수를 사용할 수 있어야 합니다. 2. 자바스크립트로 변수를 사용해 봅니다. 변수란 어떤 값을 저장하기 위한 공간을 말합니다. 3. 자바스크립트는 다음과 같은 변수를 사용할 수 있습니다. 변수 타입 변수 값 Number 정수, 실수 등 숫자 값을 가집니다. ex) var a = 3; String 문자열을 말하며, ""를 사용하여 작성합니다. var myName = "yuchae" Boolean 참 또는 거짓을 출력합니다. Undefined / Null 값이 지정되지 않았거나 값이 없을 경우 출력됩니다. 4. 변수를 사용하여 간단한 덧셈을 해 봅니다. -1) 소스코드 -2) 실행결과 5. 조금 복잡한 ..
2017.08.09