Rainbow

함수를 정의하고 실행하기 함수선언 - 어떤 명령을 처리해야 할지 알려주는 것 함수실행 - 선언한 함수를 가져와 사용하는 것 함수호출 - 선언한 함수를 실행하기 위해서 이름을 사용하는 것 - 자바스크립트 소스안의 어디에서든 함수를 불러서 실행할 수 있다. 함수와 매개변수와 인수 소개 매개변수 - 함수를 실행하기 위해 필요하다고 지정하는 값 function( a,b ){ 함수 선언후 변수 add에 할당한다. return = a + b; } 변수 add를 사용해 익명함수를 실행한다 그 결과값을 변수에 저장한다. var sum = add(10, 20); sum 30 즉시 실행함수 - 함수를 선언하고 동시에 실행하는 함수 입니다. - 변수에 할당할 수 있다. ex) (function( ){ ..............

객체란? - 숫자, 문자열등을 포함하고 있는 복합자료형 이라고 한다 - 자바스크립트에서 객체는 저장하고 처리하는 기본 단위 복합자료형이란? - 하나의 변수에 다양한 정보를 담기 위해 사용하는 자료형 내장객체 - 자바스크립트 안에서 미리 만들어진 객체 문서 객체 모델(DOM) - 웹 문서 안에 포함된 이미지, 링크 , 텍스트 필드 각각 별도로 미리 만들어진 객체 문서를 담는 Document객체 이미지를 관리하는 Image객체 브라우저 객체 모델(BOM) - 웹 브라우저의 주소 표시줄이나 창 크기등 브라우저 정보를 객체로 다룬다. 브라우저 종류나 버전을 담고 있는 Navigatior객체 방문 기록을 남기는 history객체 주소 표시줄 정보를 담고 있는 Location객체 화면크기 정보가 들어 있는 scre..

percent 부모 요소의 width에 상대적인 크기를 지정합니다. width는 content 영역의 너비를 제어할 때 사용하는데 이때 auto가 아닌 특정한 값을 지정하여 사용하면, 그 크기는 box model 영역에서 margin 영역을 제외한 모든 영역에 대해 영향을 받습니다. (content, padding, border) 예를 들어, .box { width: 100px; padding: 20px; border: 10px solid black; } 100px content + ( 20px * 2) padding + ( 10px * 2 ) border = 160px 가 된 것입니다. 또한, width는 %를 이용해서도 크기를 지정할 수 있습니다. .parent { width: 300px; borde..

percent 부모 요소의 width에 상대적인 크기를 지정합니다. width는 content 영역의 너비를 제어할 때 사용하는데 이때 auto가 아닌 특정한 값을 지정하여 사용하면, 그 크기는 box model 영역에서 margin 영역을 제외한 모든 영역에 대해 영향을 받습니다. (content, padding, border) 예를 들어, .box { width: 100px; padding: 20px; border: 10px solid black; } 100px content + ( 20px * 2) padding + ( 10px * 2 ) border = 160px 가 된 것입니다. 또한, width는 %를 이용해서도 크기를 지정할 수 있습니다. .parent { width: 300px; borde..

조건에 따라 흐름 조절하기 if문, if문 else문 if문과 if문 else문의 작동원리 if - 조건이 맞는지 확인 한다면 if문을 사용한다. if...else - 조건이 맞을 때와 조건이 맞지 않을 때 구별할 때 사용한다. if : 소괄호 안에 조건이 참이면 중괄호 안에 있는 소스를 실행한다. 거짓이며 중괄호 안에 소스를 무시한다. if..else: 실행할 명령어가 둘 이상일 경우 중괄호로 묶고 중괄호 안에 실행 순서대로 명령어를 나열한다. ex) var number = prompt("숫자를 입력하세요"); if(number=60) alert("통과") : alert("실패"); 조건 조건이 true 실행 조건이 false 실행 truthy 와 falsy 조건을 확인할 때 유용하게 사용된다. - i..

절대 길이 절대 길이는 고정된 크기 단위로, 다른 요소의 크기에 의해 영향을 받지 않습니다. px ( 1px = 1/96th of 1 inch ) 절대 길이이므로 다른 요소의 영향을 받지 않아 화면에서 고정된 크기를 가지지만, 장치의 해상도에 따라 상대적입니다. 여러 환경에서 디자인을 같게 표현하고 브라우저 호환성에 유리한 구조로 되어 있어서, 디자인 의도가 많이 반영된 웹사이트의 경우 픽셀 단위를 사용하는 것을 권장하고 있습니다 pt ( 1pt - 1/72 of 1 inch ) 컴퓨터가 없던 시절부터 있던 단위입니다. 인쇄물이나 워드프로세서 프로그램에서 사용된 가장 작은 표준 인쇄단위입니다. 웹 화면에 인쇄용 문서를 위한 스타일을 적용할 때 유용하게 사용할 수 있습니다. RGBA( ) rgb(R, G,..