H_Develop

window 객체 : 창에 관련된 속성 alert() open(url, name, specs, replace) close() moveTo(x,y) {moveTo(100,100) px단위로 이동시킨다.} print() prompt() resizeTo(x,y) {윈도우 화면 x,y의 크기를 가진다} resizeBy(x,y) {x,y만큼 증가시킨다.} focus() screen 객체 : 스크린 화면에 대한 속성 availwidth() availheigth(작업표시줄 제외) colorDepth() width() height() 컴퓨터 또는 모바일 스크린, 화면의 속성. 앞에서 window 객체의 속성은 브라우저 창에 관련된 것으로 너비와 높이를 나타낸다 새창 열기 창 크기 조절하기 Location 객체 : 현재..

FrontEnd/JavaScript 2022. 7. 6. 08:36

자바스크립트 객체(Object) 숫자 문자열 함수 배열 등 모두 객체. 객체에 속한 변수의 속성 (Property)와 객체에 속한 함수인 메써드 (Method)로 구성. 하나의 객체는, 데이터를 의미하는 속성과 데이터를 처리하는 기능을 가진 메써드의 집합. 익명_함수를 생성하는 것을 ' 함수 리터럴 ' 이라고 하듯, 객체를 생성하는 것은 ' 객체 리터럴 ' 이라 한다. 변수와 객체의 차이 변수는 데이터를 저장하고 있는 메모리 공간을 의미, 객체의 각 요소들은 키와 값으로 구성된다. 객체는 요소들은 키와 값과 자체의 함수인 메써드도 가질 수 있는 점에서 변수와 다르다. 객체 종류 사용자 정의 객체 (User Defined Object) : 프로그래머가 객체 속성을 정의하여 사용하는 방식 내장 객체 (Bui..

FrontEnd/JavaScript 2022. 7. 5. 08:39

책값 구하기 Function result () { var price = Number(prompt("책값 입력")); var discount = Number(prompt("할인율 입력"))/100; var delivery = Number(prompt("배송료 입력")); var sum = parseInt(price - (price * discount) + delivery); document.write("책 가격 : " + book_price + " "); document.write("할인율 : " + book_discount + " "); document.write("배송료 : " + book_delivery + " "); document.write("최종가격 : " + sum + " "); } -----..

FrontEnd/JavaScript 2022. 7. 5. 08:18

변수 스코프(scope) - 지역변수 전역변수 사용자 함수 내(서브루틴)에서 사용되는 함수를 지역변수(Local Variable)라 하고, - let 메인 루틴에서 사용되는 변수를 전역변수(Global Variable)이라 한다. - var const 상수 상수 변수로 취급한다. 특정 값을 자주 사용한다면 상수로 선언하는 것이 좋다. 재선언이나, 재할당이 불가하다. const curYear = 2020; console.log(curYear); const curYear = 2024; // 오류 상수 재할당 전역변수(함수 밖에서 선언하는 변수와 상수변구)는 최소한으로 사용하고, var 변수는 함수의 시작 부분에서 선언하며, for 문에서는 var 보다 let을 사용해서 변수를 선언해주는 것이 좋다. 그리고 ..

FrontEnd/JavaScript 2022. 7. 3. 13:35

프로그램의 기능별로 묶어서 원하는 기능만 사용하게 되는데, 이런 코드의 묶음(Code Block)을 만들어 필요한 기능만 사용하는 것을 함수라 한다. 기능 자체에 내장되어있는 내장함수, 사용자가 직접 함수를 정의해서 사용하는 사용자(정의)함수 두가지가 있다. prompt() alert() 함수, 형변환 Number() 함수 와 document 객체의 write() 함수는 메시지를 출력한다. 스크립트 자체에서 제공하기에 내장(built-in)함수라 한다. 또, 사용자가 새로운 함수를 정의해서 사용하는 사용자 정의(User-defined)함수가 있다. 사용자 정의 함수 function 함수_명 (argument) { // 함수 정의 지시어1; 지시어2; } 함수_명 (parameter); // 함수 호출 람..

FrontEnd/JavaScript 2022. 7. 3. 13:32

자바스크립트를 외부파일로 불러 HTML 페이지에서 사용하기 외부 자바스크립트 파일은 태그 없이 자바스크립트 소스만 작성해서, ~ .js 이름으로 저장한 다음, HTML 문서에 import-script.html로 저장

FrontEnd/JavaScript 2022. 7. 1. 08:28

while 문을 사용해서 fish1.jpg 이미지를 웹 페이지 화면에 반복적으로 삽입하기 두가지 사진 번갈아 넣기 while 문을 이용한 다량의 이미지 삽입 TABLE 만들기 Make_Table

FrontEnd/JavaScript 2022. 7. 1. 08:26

while 문, do while 문, for 문 반복 루프를 빠져나가는 break 문과 반복을 건너뛰는 continue 문도 있다. 차이 for문의 형식 -조건에 따라 실행 for (초기값; 조건식; 증감식) { 명령어 }; - 구하고자 하는 값의 정확한 조건이 있는 경우. 조건식 초기값 증감식이 모여있어, 가독성이 좋다. while 문의 형식 - 조건에 따라 실행 while (조건식) { 명령어 증감식 }; - 구하고자 하는 값의 정확한 조건을 모르는 경우, 유동적인 경우. 조건식이 흩어져 있어, 가독성이 나쁨 do while 문의 형식 - 한번은 무조건 실행, 이후 조건에 따라 실행 do { 명령어 증감식 } while (조건식); WHILE 문 조건 - while(1>0), while(1==1), ..

FrontEnd/JavaScript 2022. 7. 1. 08:25