반응형 JavaScript6 JavaScript_예외처리 자바스크립트에서 오류는 코드가 실행조차 되지 않는 오류와 실행 중간에 발생하는 오류가 있다. 괄호 개수를 잘못 입력해서 발생하는 오류를 구문 오류(syntax error)라고 하고, 이러한 문법적 오류를 제외하고 중간에 발생하는 오류를 예외라고 한다. 이를 처리하는 것을 예외처리라고 한다. 흔히 문법적인 실수로 생기는 오류는 구문 오류인데, 비교적 오류의 위치를 명확히 알려주기 때문에 확인하기 쉽다. 자바스크립트에서는 SyntaxError라고 출력되는 오류 이외의 TypeError, ReferenceError, RangeError는 예외로 분류한다. (1) 기본 예외처리 조건문을 사용해서 예외가 발생하지 않게 만드는 것을 기본 예외처리라고 한다. 아래 코드에서 문서 객체에 textContetnt 속성에 .. 2022. 8. 30. JavaScript_Class 객체 지향 프로그래밍 언어들은 클래스라는 문법으로 객체를 효율적으로 만들어 쉽게 프로그래밍에 적용할 수 있게 한다. 프로그램에 필요한 요소만 사용해서 객체를 표현하는 것을 추상화라고 한다. 보통 클래스와 프로토타입이라는 문법으로 객체를 효율적으로 만든다. 클래스는 객체를 만들 때 수많은 지원을 하는 대신 많은 제한을 걸고 프로토타입은 제한이 많이 없지만, 지원도 별로 없다. 클래스를 기반으로 만든 객체는 인스턴스라고 부른다. 그냥 객체라고 부르는 경우도 있다. 붕어빵 틀이 클래스라면, 만들어진 붕어빵은 인스턴스라고 볼 수 있다. BreadTool이라는 클래스를 만들고 Breads라는 객체를 리스트로 만들어 각 내용을 push()를 사용해 추가했다. 이렇게 하면 빵 종류별로 총판매금액을 계산할 수 있다. .. 2022. 8. 28. JavaScript_객체 객체란 추상적인 의미로, 이름과 값으로 구성된 속성을 가진 자바 스크립트의 기본 데이터 타입이다. 자바스크립트에서 여러 자료를 다룰 때는 객체(object)를 사용한다. 배열도 객체인데, 배열도 여러 자료를 다룰 수 있다. 배열에서는 인덱스와 요소가 있었다면, 객체에서는 키를 사용해 값을 접근할 수 있다. 위처럼 객체를 선언해보면, 대괄호나 온점(.)을 사용해서 값으로 접근할 수 있다. (속성과 메소드) 배열 내부에 있는 값을 요소라고 하고 객체 내부에 있는 값은 속성이라고 부른다. 객체의 속성도 모든 형태의 자료형을 가질 수 있다. 객체의 속성 중 함수 자료형인 속성을 메소드라고 부른다. 메소드 내에서 자기 자신이 가진 속성을 출력하고 싶을 때는 this 키워드를 사용한다. (동적으로 객체 속성 추가,.. 2022. 8. 25. JavaScript_함수 함수의 기본형태 함수는 코드의 집합을 나타내는 자료형이다. (1) 익명함수 function(){} 함수를 코드의 집합이라고 하는 이유는 { }안에 코드를 넣기 때문이다. 함수는 반복되는 코드를 한번만 정의해두고 호출할때마다 사용하거나 기능별로 나눠 작성하면 모듈화로 가독성이 좋아지고 유지보수가 쉬워지는 장점이 있다. 함수의 자료형은 function이며 함수를 출력하면 f () { } 라고 출력된다. 이름이 붙어 있지 않는 함수를 익명 함수라고 표현한다. (2) 선언적 함수 이름이 있는 함수를 선언적 함수라고 한다. function name(){ } 함수를 호출할때는 함수 이름을 불러 호출한다. 익명 함수와 큰 차이는 없지만, 함수를 출력했을때 f 함수이름 ( ) { } 형태로 노출된다는게 다른점이다. (.. 2022. 8. 21. JavaScript_반복문 배열(Array) 배열은 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형이다. 배열은 대괄호[ ]를 사용해 생성하고 내부의 값을 ,를 사용해 구분할 수 있다. 내부에 들어 있는 값을 요소라고 하고 어떠한 종류의 자료형도 요소가 될 수 있다. (배열 요소에 접근하기) 배열의 기본적인 조작은 문자열과 비슷하다. 각각의 요소에 접근하려면 배열 바로 뒤에 [n](n=index)을 입력해서 접근한다. 가장 앞에 있는 요소는 0부터 시작된다. 배열의 마지막 요소를 선택할 때는 length-1을 사용하면 마지막 요소를 불러올 수 있다. (배열 요소 추가하기) 기존 상수로 배열을 만들어두고 배열을 수정할 필요가 있을 때에는 push() 메소드를 사용한다. 이건 배열 뒷부분에 요소를 추가할 때 사용된다. 혹은 인.. 2022. 8. 14. JavaScript_기본 자료형 & 조건문 기본 자료형 프로그래밍에서 프로그램이 처리할 수 있는 모든 것을 자료(data)라고 부르며, 자료 형태에 따라 나눠 좋은 것을 자료형(data type)이라고 한다. (1) String 자바스크립트에서는 문자가 하나든 여러 개든 모두 문자열 자료형이라고 한다. 자바스크립트에서는 큰따옴표나 작은 따옴표를 사용해서 문자열을 만들 수 있다. [이스케이프 문자] \"string\" : 따옴표를 문자 그대로 사용할 때 사용 \n : 줄바꿈할때 사용 \t : 탭 기능 \\ : \를 의미 문자열도 +(연결연산자)를 이용해서 문자열을 길게 만들 수 있다. 문자열 내부의 문자 하나를 선택할 때는 문자 선택 연산자를 사용하면 된다. 이때 위치를 나타내는 숫자를 인덱스(index)라고 한다. 문자열 내부의 문자 개수를 문자.. 2022. 8. 7. 이전 1 다음 반응형