학이시습

chapter 7 01. 문서 객체 조작하기 HTML 페이지에 있는 html, head, body 등을 HTML 언어에서는 요소라 부르고 자바스크립트에서는 이를 문서 객체(document object)라고 부릅니다. 따라서 '문서 객체를 조작한다'라는 뜻은 'HTML 요소를 조작한다'라는 말과 같습니다. 문서 객체를 조합해서 만든 전체적인 형태를 문서 객체 모델(DOM, Document Object Model)이라 부릅니다. DOMContentLoaded 이벤트 문서 객체를 조작할 때는 DOMContentLoaded 이벤트를 사용합니다. DOMContentLoaded 이벤트는 웹 브라우저가 문서 객체를 모두 읽고 나서 실행하는 이벤트입니다. 문서 객체 가져오기 document.body 코드를 사용하면 문..

기본 미션 객체: 속성을 가진 자바스크립트의 데이터 타입으로 여러 자료를 다룰 때 사용합니다. 실제로 존재하는 사물..? 속성: 이름과 값으로 구성된 것을 속성이라고 합니다. 메소드: 속성 중에 동작(함수)인 것을 메소드라고 합니다. 선택 미션

chapter 함수 01. 함수의 기본 형태 함수를 사용하는 것을 함수 호출이라고 하고, 함수 괄호 내부의 여러 가지 자료들을 매개변수라고 부릅니다. 그리고 함수를 호출해서 최종적으로 나오는 결과를 리턴값이라고 부릅니다. 함수는 어떤 형태로든 사용해도 괜찮습니다. (코드를 실행하는데 문제가 없다면..) 익명 함수 함수는 코드의 집합을 나타내는 자료형이며 기본형은 다음과 같습니다. function() {} 함수의 자료형은 function이며 함수를 출력하면 f 함수이름() {}라고 출력됩니다. 이름이 붙어있지 않은 함수는 익명 함수라고 표현하고, 이름이 붙어있는 함수를 선언적 함수라고 합니다. 함수를 사용하면 좋은 점 반복되는 코드를 한 번만 정의해놓고 필요할 때마다 호출하므로 반복 작업을 피할 수 있습니..

chapter 4 01. 배열 배열 만들기 배열은 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형입니다. 배열은 대괄호[...]를 새용해 생성하고 내부의 값을 쉼표로 구분해 입력합니다. 배열 내부에 들어 있는 값을 요소(element)라고 합니다. [요소, 요소, 요소, ..., 요소] 배열 요소에 접근하기 배열 각각의 요소에 접근하려면 배열 바로 뒤에 대괄호를 입력하고 그 안에 숫자를 입력하면 됩니다. 요소의 순서를 인덱스라고 하는데 인덱스는 0부터 시작합니다. 배열[인덱스] 대괄호 안에 계산식을 넣을 수 있습니다. 배열 요소 개수 확인하기 배열 내부에 들어 있는 요소의 개수를 확인할 때는 배열의 length 속성을 사용합니다. 배열.length 배열의 마지막 요소를 선택할 때 배열[배열.leg..

Chapter 2 01. 기본 자료형 자료: 프로그래밍에서 프로그램이 처리할 수 있는 모든 것 자료형: 자료 형태에 따라 나눠 놓은 것 기본적으로 많이 쓰는 자료형은 숫자(number), 문자열(string), 불(boolean)이 있습니다. 문자열 자료형 문자열: 문자들의 집합 자바스크립트에서는 문자가 하나든 여러개든 모두 문자열 자료형이라고 합니다. 문자열 생성하기 문자열은 ''와 ""로 생성합니다. ex) '안녕하세요', "안녕하세요" 문자열 안에 따옴표를 써야 한다면 2가지를 함께 사용해야 합니다. ex) "This is 'string'" 'This is "string"' 문자열 연산자 문자열 사이에 덧셈 기호(+)를 사용하면 문자열을 연결할 수 있습니다. 이때 덧셈기호를 문자열 연결 연산자라고 ..

Chapter 3 01. 조건문 조건문을 사용하면 조건에 따라 코드를 실행할 수 있고 실행하지 않을수도 있습니다. 이처럼 코드가 실행되는 흐름을 변경하는 것을 조건 분기라고 합니다. if 조건문은 조건에 따라서 코드를 실행하거나 실행하지 않을 때 사용하는 구문입니다. 이때 조건은 불 자료형입니다. 비교 연산자와 논리 연산자를 활용해 조건을 만들고, 이 조건을 활용해 조건 분기를 합니다. if 조건문 자바스크립트에서 가장 일반적인 조건문은 if 조건문입니다. 조건이 true면 중괄호 안의 문장을 실행하고 false면 문장을 무시합니다. if(불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장 } if else 조건문 else 구문은 서로 반대되는 상황을 표현합니다. else 구문과 if 조건문을 조..

Chapter 1 01. 자바스크립트의 활용 자바스크립트란? 웹 브라우저에서 사용하는 프로그래밍 언어입니다. 자바와 이름이 비슷해서 헷갈렸는데 완전히 다른 프로그래밍 언어라고 합니다. (많이 헷갈렸습니다.) 자바스크립트로 할 수 있는 것들 웹 클라이언트 애플리케이션 개발 더보기 초기 하이퍼링크들로 연결되고, 변하지 않는 정적인 글자들로만 이루어졌습니다. 하지만 자바스크립트가 나오면서 웹 문서의 내용을 동적으로 바꾸거나 사용자의 클릭과 같은 이벤트 처리가 가능해졌습니다. 웹은 점점 더 발전하여 애플리케이션 모습에 가까워졌습니다. 이처럼 기존보다 다양한 기능을 가진 웹페이지를 웹 애플리케이션이라고 합니다. 웹 애플리케이션은 애플리케이션(설치)과 달리 웹 브라우저만 있으면(설치X) 언제 어디서나 사용할 수 있..