함수 ▷ 프로그램 내에서 논리적으로 연관된 일련의 식이나 문장 등을 하나의 단위로 묶어 놓은 집합 ＊ 프로그램의 구조화, 코드의 길이가 짧고 유지보수 등이 용이 ＊ 보통 부분에서 정의 ＊ 함수 정의 ☞ function 함수명 ( [ 매개변수1, …, 매개변수n ] ) { 문장; … [ return 반환값; ] } ＊ 함수 호출 ☞ [ 변수 ] = 함수명 ( [ 매개변수1, …, 매개변수n ] ); 무명 함수 ▷ 함수명을 지정하지 않고 선언된 함수 ＊ 함수를 변수에 저장하였다가 나중에 한 번만 호출하는 경우 ＊ 정의 ☞ var 변수 = function ( [ 매개변수1, …, 매개변수n ] ) { 문장; … [ return 반홖값; ] } ＊ 호출 ☞ 변수( [ 매개변수1, …, 매개변수n ] ); 함수 ..
조건문(선택문) ▷ 프로그램의 여러 실행 경로 중에서 조건식의 참/거짓 여부에 따라 하나의 실행 경로를 선택하는 문장 if-else문 if-else문을 활용 한 다중 선택 switch문 반복문 ▷ 주어진 일련의 문장을 여러 번 반복적으로 수행하는 문장 for문 while문, do while문 continue문, break문 ▷ continue문 ＊ 반복 도중에 continue문을 만나면 이후의 반복 문장들은 건너뛰고 반복문의 시작 부분으로 제어를 이동 ▷ break문 ＊ 해당 문장을 만나는 시점에서 반복문을 빠져 나와 반복 수행을 종료
변수 ▷ 프로그램에서 다루는 데이터를 저장하기 위한 공간 ＊ 변수 선언 → 데이터를 저장할 적절한 크기의 공간을 확보 ☞ 변수가 가질 값의 종류를 나타내는 자료형과 각 변수를 구별하는 식별자가 필요 식별자 ▷ 변수/함수의 이름으로 사용하기 위해 프로그래머가 만든 단어 ＊ 지정 규칙필수첫 글자는 반드시 영문자, '_', 또는 '$'로 시작→ 두 번째 글자부터는 영문자, 숫자, '_'의 조합으로 구성대소문자 구분키워드 사용 불가권장의미를 내포하는 이름 사용낙타체 표기 → camelCase(첫 단어는 소문자, 나머지 단어의 첫 글자는 대문자로 표시) 키워드 ▷ 특별한 목적으로 사용하기 위해서 미리 정해 놓은 단어 abstract, case, continue, extends, for, import, long, ..
HTML 웹프로그래밍 자바스크립트 ▷ JavaScript ＊ 넷스케이프社(Live Script)와 선 마이크로시스템社(Java)가 공동으로 제작하여 보급한 스크립트 언어 ☞ 스크립트 → 컴퓨터 프로세서가 아닌 다른 프로그램에 의해 번역되거나 수행되는 프로그램이나 명령어들의 나열 ＊ HTML5의 공식적인 스크립트 언어 ☞ Node.js → 자바스크립트 기반의 서버 프로그래밍 언어 ☞ jQuery → 자바스크립트 라이브러리 ☞ JSON → 데이터 젂송과 교홖을 위한 XML 대체용 표기법 자바스크립트 vs 자바 ▷ JavaScript =? 또는 ⊂? Java특징자바자바스크립트작성 방법별도의 소스 파일로 작성HTML 내에 직접 삽입실행 방식소스를 컴파일하여 자바 가상 기계 위에서실행되는 컴파일 언어클라이언트에서..
목록 속성속성 설명list-style-type항목 마커의 종류 지정disc(기본), circle, square, decimal, lower-alpha,upper-alpha, lower-roman, upper-roman 등list-style-position 항목 마커의 위치 지정inside, outside(기본)list-style-image 이미지를 항목 마커로 지정none(기본), url(이미지파일)list-style 목록 속성의 일괄 지정(생략된 속성값은 기본값 사용)list-style: list-style-type값 list-style-position값 list-style-image값 ; list-style-type 속성 list-style-image, list-style-position 속성 테이블..
배경 관련 속성속성설명background-color요소의 배경색 지정, transparentbackground-image요소의 배경으로 이미지 파일 지정url('URL'), nonebackground-repeat배경 이미지의 반복 여부 지정repeat, repeat-x, repeat-y, no-repeat, space, roundbackground-attachment스크롤에 따른 배경 이미지의 움직임 여부 지정scroll, fixed, localbackground-position배경 이미지의 시작 위치 지정, , background-clip배경 속성이 적용되는 영역 지정border-box, padding-box, content-boxbackground-origin배경 이미지가 시작하는 기준 위치 지정pa..
CSS 박스 모델 ▷ HTML 문서의 각 요소를 사각형 형태의 박스로 표현 ＊ CSS를 통해 각 박스의 위치, 크기, 색상 등을 지정 ☞ 웹페이지의 레이아웃을 구성하는 중요한 개념 display 속성 ▷ HTML 요소의 표현 방식(요소를 위해 사용할 박스의 종류) 지정 ＊ 속성값 ☞ none → 요소를 화면에 표시하지 않음 ☞ inline → (기본) 요소를 인라인 박스로 취급(줄바꿈 미수행) ☞ block → 요소를 블록 박스로 취급(앞뒤로 줄바꿈 수행) ☞ inline-block → 인라인 수준의 블록으로 취급(박스 자체는 인라인 박스, 내부는 블록 형식) ☞ list-item → 블록 박스를 목록의 항목과 같이 표시 margin 속성 ▷ 박스의 외부 여백(박스 테두리 밖의 여백) 지정 ＊ 모든 방향..