javascript(25)
-
2-1. 웹 표준이란?
1. 웹 표준(Web Standards)이란? 웹 표준을 어떻게 정의할 수 있을까요? Wikipedia에서 "World wide Web의 측면을 서술하고 정의하는 공식 표준이나 기술 규격을 가르키는 일반적인 용어이다. 최근에 이 용어는 웹 사이트를 작성하는 데 중요도가 높아지고 있으며 웹 디자인, 개발과 관계가 있다."라고 정의하고 있습니다. 웹 사이트를 개발할 때에는 HTML, XML, CSS, JAVASCRIPT 등 여러 가지 언어를 사용하게 되는데, 미리 정의된 규칙과 규격에 맞춰서 만든다면 그것이 웹 표준이라고 볼 수 있겠습니다. ISO에서 제정한 품질경영시스템에 관한 국제규격 ISO9001이란 것과 같이 웹 표준이란 것도 "웹 페이지 저작 도구와 기술에 대한 규격"으로 볼 수 있습니다. 웹 표준..
2017.09.10 -
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