Cherry & Cherish

자바스크립트에서 사용하는 자료는 크게 기본 자료형과 객체 자료형으로 구분할 수 있다. 자바스크립트는 기본 자료형이 객체 자료형이 될 수도 있다. protype 객체를 알아보자. 1. 객체 자료형 속성과 메소드를 가질 수 있는 모든 것은 객체다. a라는 이름의 배열을 선언하고 배열에 속성을 지정한 후 확인해보면 배열이 속성을 가질 수 있다. 함수도 객체다. 일급 객체에 속한다고 할 수 있다. Array.isArray() 메소드를 사용한다. (Array도 메소드를 갖고 있으므로 객체다) 2. 기본 자료형 자바스크립트에서는 실체가 있는 것 (undefined와 null 등이 아닌 것) 중에 객체가 아닌 것을 기본 자료형이라고 부른다. 숫자, 문자열, 불이 기본 자료형이다. 기본 자료형은 객체가 아니므로 속성을..

객체란 무엇일까? 객체는 ‘실제로 존재하는 사물’을 의미한다. 이름과 값으로 구성된 속성을 가진 자바스크리트의 기본 데이터 타입으로 말할 수 있다. 1. 객체(Object) 여러 자료를 다룰 때는 객체를 사용한다. 배열도 객체이기 때문에 여러 자료를 다룰 수 있다. 배열과 객체의 차이점은 배열은 요소에 접근할 때 인덱스를 사용하지만 객체는 키를 사용한다. 객체 뒤에 대괄호를 사용하고 키를 입력하면 객체의 요소에 접근할 수 있다. const product = { 제품명 : '건조망고', 유형 : '절임', 성분 : '망고, 설탕, 색소', 원산지 : '필리핀' } 객체에 접근하기 위햇너는 대괄호를 사용하고 키를 입력하면 접근할 수 있다. product[’제품명’] 온점을 사용할 수도 있다. product...

자바스크립트는 코드를 작성했을 때 ‘코드가 실행조차 되지 않는 오류’와 ‘코드 실행 중간에 발생하는 오류’라는 2가지 종류의 오류가 있다. 괄호 개수를 잘못 입력하는 등의 오류로 코드가 실행조차 되지 않는 오류를 ‘구문오류’라고 하고, 이러한 문법적 오류를 제외하고 코드 실행 중간에 발생하는 오류를 ‘예외’라고 부른다. 그리고 이를 처리하는 것을 ‘예외 처리’라고 부른다. 1. 오류의 종류 위에서 언급한 것처럼 오류에는 크게 2가지 종류가 있다. 프로그램이 실행 전에 발생하는 오류 (구문오류) 프로그램 실행 중에 발생하는 오류 (예외 / 런타임 오류) 1) 구문오류 괄호의 짝을 맞추지 않았다든지, 문자열을 열었는데 닫지 않았다든지 할 때 발생하는 오류다. 구문오류가 있으면 웹 브라우저가 코드를 분석조차 ..

자바스크립트는 다른 언어보다도 함수를 만드는 방법이 많다. 함수를 호출 할 때는 괄호 내부에 여러 가지 자료를 넣는데, 이런 자료를 매개변수라고 부른다. 그리고 함수를 호출해서 최종적으로 나오는 결과를 리턴값이라고 부른다. 1. 익명함수 함수는 코드의 집합을 나타내는 자료형이고, 기본 형태는 function () {} 으로 표현한다. 함수를 코드의 집합이라고 말하는 이유는 중괄호 {…} 내부에 코드를 넣기 때문이다. 함수르라 실행하면 여러 코드를 한 번에 묶어서 실행할 수 있고, 필요할 때마다 호출해서 반복적으로 사용할수도 있다. 자료형은 function이다. 익명은 이름이 붙어있지 않은 함수를 표현한다. 2. 선언적 함수 일반적으로 이름이 있는 함수를 가장 많이 사용한다. 이런 함수를 선언적 함수라고 ..

1. 사전 배열 관련 지식 1) 배열 배열 요소에 접근할 때는 [인덱스]를 사용할 수 있다. 배열 요소의 개수를 확인 할 때는 length 를 사용할 수 있다. 배열.length 배열에 요소를 추가할 때는 push 를 사용할 수 있다. 배열.push(요소) 인덱스를 사용해서 배열 뒷부분에 요소를 추가할 수 있다. 배열[배열.length] = '요소' [splice] 인덱스로 배열 요소를 제거할 수 있다. splice 를 사용한다. 배열.splice(인덱스, 제거할 요소의 개수) splice는 다양하게 활용된다. 일부를 제거하고 붙이는 것도 접합이고, 중간에 다른 요소를 넣고 붙이는 것도 접합이다. splice() 메소드는 요소를 제거할 때 뿐만 아니라 요소를 중간에 넣을 때도 사용할 수 있다. 값으로 요..

1. if 조건문 자바스크립트에서 가장 일반적인 조건문이다. 불 표현식의 값이 true면 중괄호 안의 문장을 실행하고, false면 무시한다. if 뒤에 소괄호로 표현식을 삽입하고, 중괄호로 표현식이 참일 시 실행할 조건문을 삽입한다. if (273 > 100) { alert('273 > 100 => ture') } 2. if else 조건문 두 가지 구분으로 사용할 수 있는 표현식에 else 구문을 삽입해 조건문을 작성한다. if (불값이 나오는 표현식){ 불값이 참일 때 실행할 문장 } else { 불값이 거짓일 때 실행할 문장 } if 조건문을 2번 사용하지 않아도 된다. 3. if else if 조건문 python elif와 동일하다. 3가지 이상의 여러 조건으로 분기를 나눌 때 사용한다. if ..

1. 문자열 자료형 \n을 사용해 문자열을 줄바꿈 할 수 있다. \\는 역슬래시 그 자체를 의미한다. + 를 사용해 문자열을 연결할 수 있다. 문자열 길이를 구하기 위해 '안녕하세요'.length 처럼 문자열 length를 통해 길이를 셀 수 있다. prompt()를 사용해 문자열을 입력한다. const input = prompt(’message’, 'default값입니다.') alert(input) 2. 비교/논리 연산자 === : 양쪽의 같다. 값과 자료형이 모두 같은지를 비교하는 연산자 !== : 양쪽이 다르다. 값과 자료형이 모두 같은지를 비교하는 연산자 == : 값이 같다. 자료형이 다르더라도 (1과 ‘1’) 값만 같으면, true 값이 리턴됨 false == “0” == [] 이 true로 출..

1. 함수 기명 함수 // named function function 함수명() {...} add(1 + 2); function add(a, b) { return a + b; } 기명함수는 선언 이전에서도 함수를 사용할 수 있다. 즉, 호이스팅(hoisting)이가능하다. 자바스크립트는 컴파일을 할 때 선언한 것들을 자동으로 제일 위로 올리기 때문이다. 익명 함수 (함수 표현식 혹은 함수표현 이라고도 한다.) // anonymous function function () {...}; const print = function () { console.log('print'); }; print(); // 함수를 변수에 할당하면 해당 변수를 함수를 사용할 때 처럼 사용할 수 있다. const printAgain =..