■ 함수란? 동작해야 할 목적대로 명령을 묶은 것 - 함수 선언 및 호출 // 선언 function 함수명() { 명령 } //호출 함수명() 또는 함수명(변수) - 함수를 사용하는 이유 : 함수를 선언하면 필요한 곳에 불러와서 편하게 사용할 수 있다 ▷ 소스코드 줄어들며 가독성 올라감 - 함수 선언과 실행 순서 : 웹 브라우저에서 자바스크립트 소스를 해석할 때 함수 선언 부분을 가장 먼저 해석함. 함수를 선언 해놓기만 하면 위치와 상관없이 함수 실행 가능 ■ var를 사용한 변수의 특징 - 변수의 적용 범위 1. 함수 안에서만 쓸 수 있는 지역변수와 스크립트 소스 전체에서 사용할 수 있는 전역변수가 있다. 2. 전역 변수를 사용하려면 함수 밖에서 선언하거나 함수 안에서 var 예약어를 빼고 선언해야 한..

■ 1번 문제 : 4의 배수인지 확인하는 프로그램 - 프롬프트 문을 이용하여 숫자를 입력받음 - [취소] 버튼을 누르면 결과를 보여주지 않음. 4의 배수일까 아닐까 var num = prompt("숫자를 입력하시오"); if(num!=null) { if(num%4==0) document.write(num+"는 4의 배수입니다."); else document.write(num+"는 4의 배수가 아닙니다."); } ■ 2번 문제 : 입력한 숫자까지 3의 배수를 찾고 총 몇 개인지 알려주는 프로그램 - 프롬프트 문을 이용하여 숫자 입력 - [취소] 버튼을 누르면 결과 보여주지 않음 - 반복문을 이용해서 1부터 입력받은 숫자까지 실행 - 카운터 개수를 함께 표시함. 3의 배수 찾기 var num = prompt..

■ 변수 - 변수 선언의 규칙 1. 변수 이름은 서로 다르게 만들어야 함. 2. 변수 이름은 영어 문자와 언서 스코어(_), 숫자를 사용함. 3. 영어 대소문자를 구별하며 예약어는 변수 이름으로 쓸 수 없음. 4. 여러 단어를 연결한 변수 이름은 중간에 대문자를 섞어서 사용 5. 변수 이름은 의미 있게 작성해야 함. - 변수 선언하기 : var 변수이름 ■ 자료형 숫자형 따옴표 없이 숫자로만 표기 var birthYear = 2000; 문자열 작은따옴표나 큰따옴표로 묶어서 나타냄. 숫자를 따옴표로 묶으면 문자열로 인식함 var greeting = "Hello!"; var birthYear = "2000"; 논리형 true, false 두 가지 값만 있는 유형. 소문자로 표시함 var isEmpty = t..

■ 식과 문 : 자바스크립트 언어의 큰 줄기는 식과 문으로 이루어짐. 식은 표현식이라고도 하는데 연산식 뿐만 아니라 실제 값이나 함수를 실행하는 것도 식에 포함됨. 문은 명령이라고 생각할 것. 문의 끝에는 세미콜론(;)을 붙여서 구분함. ■ 입출력 방법 알림 창 출력하기 식 : alert("메시지"); 단순히 메시지를 보여주는 기능 확인 창 출력하기 식 : confirm("메시지") 사용자가 [확인]이나 [취소] 버튼 중에서 직접 클릭할 수 있음. 프롬프트 창에서 입력받기 식 : prompt("메시지") 또는 prompt("메시지","기본값") 텍스트 필드 안에 간단한 메시지를 입력할 수 있으며 그 내용으로 프로그램에서 사용 가능 웹 브라우저 화면에 출력 식 : document.write() 브라우저 화..

■ 자바스크립트의 기능 1. 웹 요소 제어 - 웹 문서의 각 요소를 가져와서 필요에 따라 스타일을 변경하거나 움직이게 할 수 있음. - HTML이나 CSS와 함께 사용해서 웹 사이트 UI 부분에 많이 활용함. - 공간을 절약하면서 필요한 내용만 골라서 볼 수 있는 방법 사용 가능 2. 웹 어플리케이션을 만들 수 있음 - 최근 웹은 사용자와 실시간으로 정보를 주고 받으며 어플처럼 동작하는데, 다양한 기능을 사용할 수 있게 해줌. - 웹 게임이나 뉴스, 지도 길찾기 등 다양한 기능 제작 가능 3. 다양한 라이브러리 활용 가능 - 웹 서비스를 중심으로 하는 서비스가 많아지면서 상호 작용이 더욱 중요해지고 있음. - 과거에는 서버에서 했던 일을 이제는 클라이언트에서도 가능. 4. 서버를 개발할 수 있음 - no..

■ CSS 그리드 레이아웃 : 플렉스 박스에서는 가로나 세로 중에서 주축을 정했다면 CSS 그리드 레이아웃에서는 가로와 세로 모두 사용 ■ 속성 display grid : 컨테이너 안의 항목을 블록 레벨 요소로 배치 inline-gird : 컨테이너 안의 항목을 인라인 레벨 요소로 배치 grid-template-columns grid-template-rows 칼럼과 줄의 개수를 지정하는 속성 fr 상대적인 크기를 지정하는 단위. px단위를 사용하면 크기가 고정되기 때문에 상대적인 크기를 지정할 수 있는 단위를 사용함 repeat(n, fr) 똑같은 px이나 fr 단위 값을 여러 번 반복할 때 사용 minmax() 최솟값, 최댓값을 지정하는 함수. 항목의 너비나 높이를 유연하게 지정할 때 사용 가능. au..