12. 객체란?

객체란 무엇인가? 1) Object 객체선언에 대하여 [1] 객체 리터럴: 간결한 표현방법 Object 객체를 생성하기 위해 객체 리터럴표현 { ............ }을 이용하는 코드이다. 객체 내부의 맴버{ ........ }가 ,(콤마)로 구분되어져 있고, 맴버들은 이름:초기값으로 :(콜론)구분되어져 있습니다. 객체리터럴을 이용해서 객체를 생성하는 방법이 있고, Object생성자를 이용해서 객체를 생성하는 방법이 있다. 1 2 3 4 5 6 7 8 9 var abc = { name: 'java', age : 18, plusAge : function (i) { this.age + i; } }; 위 코드는 객체 리터럴을 사용해서 객체를 생성하는 방법은 내부적으로 new Object를 수행한 후 맴버를..

• format_list_bulleted WEB 기초/Script
• · 2018. 4. 12.
• textsms

11. Date를 이용한 도서 반납 프로그램

Date()에 대하여, 기본적으로 Date를 어떻게 쓰는지를 알아야됩니다. 지금부터 설명해드릴게요. //1월-12월: 0-11이다. //시간: 0-23, 0-59, 0-59 //1,31은 => 2월 31일이니까 => 3월 3일이다. 첫번째. Date사용을 위해서, new를 이용해서 객체를 생성해 줍니다. => var now = new Date(); 두번째. 내장기능들이 어떤게 있는지를 알아야지 써먹을 수 있습니다. 굳이 외울 필요는 없지만, 객체.메서드를 통해서 나오는 값들을 아래를 통해서 어느정도 눈에 익혀두시기 바랍니다. document.write(b+ now) Sat Apr 14 2018 21:20:19 GMT+0900 (대한민국 표준시) document.write(now.toString()) Sa..

• format_list_bulleted WEB 기초/Script
• · 2018. 4. 12.
• textsms

10. 임의의 수를 찾는 프로그램

임의의 수 찾는 프로그램 - 사용자가 숫자 입력: - 1~10의 범위에서 하나의 난수(랜덤)를 변수에 생성한다. - 입력된 수와 난수가 같으면 '정답' 표시한다. - 입력된 수가 더 크면 ' '입력값'보다 작습니다.'를 표시한다. - 입력된 수가 더 작으면 '입력값'보다 큽니다'를 표시한다. - count를 이용해서 횟수를 출력하도록 한다. java에서는 아래와 같이 난수를 표현하였습니다. 첫째. Math클래스를 이용해서, int result = (int)(Math.Random()*10)+1둘째. Random클래스를 가지고, Random rd = new Random(); int result = rd.nextInt()*10+1; 자바스크립트에서도 달라진 점이 없어요. 그렇기 때문에, 다양한 정답들 중에 나..

• format_list_bulleted WEB 기초/Script
• · 2018. 4. 12.
• textsms

9. 함수란, (변수의 종류까지 정리)

함수에 대하여, 이번에는 자바스크립트의 "꽃" 함수에 대해서 알아보려구 합니다. 그 이유는 함수가 전부라고 해도 과언이 아니라고 하네요. 함수는 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차입니다. 또한, 함수를 정의하면 사용하는데에 몇 번이고 실행할 수 있고 호출할 수 있는 코드블록이에요! 함수에는 여러가지 알아야할 키워드들이 있어요.- 매개변수, 매서드, 생성자, 익명함수, 중첩함수가 무슨의미를 가지는지 알려드릴게요. ＊ 매개변수는?! 함수 몸체내에서 지역변수처럼 취급하는 변수에요. ＊ 매세드는?! 어떤 객체의 속성으로써 저장된 자바스크립트의 함수에요. ＊ 생성자 는?! 새롭게(=new) 생성된 객체를 초기화하는데 쓰이는 함수에요. ＊ 함수 는?! 다른함수에 중첩이 가능하고, 포함..

• format_list_bulleted WEB 기초/Script
• · 2018. 4. 12.
• textsms

8. 구구단 구하기 (테이블 이용)

구구단 구하기 - 사용자 입력: 3-3단 제외 나머지 단 출력한다. - 2-9: 범위 외의 입력: 해당단은 없습니다. - 테이블 태그와 for문을 이용하도록 한다. java에서 for문을 이용해서 구구단을 만드는 문제를 많이들 풀어보셧나요?!! 자바스크립트에서도 구구단을 만드는 것이 그렇게 어렵지 않습니다. 우선, body문에 기본적인 틀과함께 동작코드를 작성했습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 구구단을 출력합니다 var input=prompt('제외할 단을 입력하세요 (2~9)'); if(input9){ document.write(" 해당 단은 없습니다 ") } else{ for(var i=1; i

• format_list_bulleted WEB 기초/Script
• · 2018. 4. 12.
• textsms

7. 게시판 만들기 (테이블과 spilt이용)

게시판 만들기 현재 페이지에 출력할 게시물 5개의 정보를 입력받아서 게시물 테이블로 출력한다. 절차 1. 함수이름 매개변수 리턴값 --> 한개의 게시물 정보를 번호:제목:작성자:조회수 형식으로 입력받아서 String의 spilt메소드(배열)로 분리하여 저장하는 함수 절차2. 1의 결과를 테이블의 1라인*4컬럼으로 구성하여 저장하는 함수 작성: tr, td태그 사용 절차3. 1,2번 함수를 5번 호출하면 5번의 입력내용을 5라인의 테이블로 구성한다. 완성된 게시물 테이블을 출력한다 우선, head 태그안에서 제 마음대로 css를 꾸며보았습니다. - table태그는 외부로써, 선과 배경색, 가운데 박스정렬을 적용시켰어요! - td태그는 태이블의 내부 선속성을 따로 적용시켜줬어요! - h1태그의 가운데로 텍스..

• format_list_bulleted WEB 기초/Script
• · 2018. 4. 12.
• textsms