JavaScript Dev./Javascript

JavaScript Dev./Javascript

6. 배열, 객체

@객체와 객체 메소드==> 객체(Object)를 사용하여 여러 개의 값을 하나의 변수에 담고 관리할 수 있다. 1. 객체 생성 1-1. 기본적인 객체 생성 : 객체를 만들 때는 중괄호({})를 사용하며, 속성과 값을 콜론(:)으로 구분하여 작성 / 각 속성과 값은 쉼표로 구분 1-2. 생성자 함수를 사용한 객체 생성: function Person(name, age, gender) { this.name = name this.age = age this.gender = gender } let person1 = new Person("홍길동", 30, "남자") let person2 = new Person("홍길순", 20, "여자") 생성자 함수를 사용하면 객체를 일괄적으로 생성할 수 있다. 2. 객체 속성 접..

JavaScript Dev./Javascript

5. 조건문

5. 조건문 1-1. if문 ① if문: if(조건){ main logic } / 조건이 true일 때만 코드를 실행 ② if-else문: if(조건){ main logic1 }else{ main logic2 } / 조건이 true일 때 main logic1을 false일 때 main logic2를 실행 ③ if-else if-else문: if(조건1){ main logic1 }else if(조건2){ main logic2 } else{ main logic3 } / 여러 개의 조건을 손서대로 배교하여 맞는 부부을 실행 1-2 switch문 let fruit = "사과" switch (fruit) { case "사과": console.log('사과입니다.'); break; case "바나나": consol..

JavaScript Dev./Javascript

4. 함수

4. 함수 (함수를 정의하여 코드의 재사용성을 높일 수 있다.) 4-1. 함수 정의하기 ① 함수 선언문(function declaration): function 키워드를 사용하여 함수를 선언하고 필요할 때 호출할 수 있다. ② 함수 표현식(function expression): function 키워드를 사용하여 변수에 함수를 할당할 수 있다. 4-2. 함수 호출하기 ① 함수 호출하기: 함수명() 이렇게 사용하여 호출한다. 4-3. 함수 매개변수와 반환값 ① 함수 매개변수: function 함수명(매개변수), 함수를 호출할 때는 매개변수에 값을 전달한다. ② 함수 반환값: return 으로 반환값을 지정한다. 4-4. 함수 스코프 ① 전역 스코프(gloval scope): 전역 스코프에서 변수를 선언하고 ..

JavaScript Dev./Javascript

3. 연산자

3. 연산자 3-1. 산술 연산자 ① 더하기 연산자(+): 숫자나 문자열을 더할 수 있다. 숫자와 문자열을 함께 사용할 경우 자동으로 문자열로 변환 ② 빼기 연산자(-): 숫자와 문자열을 함꼐 사용할 경우 자동으로 숫자로 변환 ③ 곱하기 연산자(*): 숫자와 문자열을 함께 사용할 경우 자동으로 숫자로 변환 ④ 나누기 연산자(/): 숫자와 문자열을 함께 사용할 경우 자동으로 숫자로 변환 ⑤ 나누기 연산자(%): 나눗셈의 나머지를 구한다. 숫자와 문자열을 함께 사용할 경우 자동으로 숫자로 변환 3-2. 할당 연산자 ① 등호 연산자(=): 변수에 값을 할당할 수 있다. ② 더하기 등호 연산자(+=): 변수에 값을 더할 수 있다. ③ 빼기 등호 연산자(-=): 변수에 값을 뺄 수 있다. ④ 나누기 등호 연산자(..

JavaScript Dev./Javascript

2. 데이터 타입과 형 변환

2. 데이터 타입과 형 변환 2-1. 데이터 타입 ① 숫자(Number): Integer(정수) / Float(실수) / Exponential(지수) / Not aNumber(NaN) / Infinity(무한) ② 문자열(String): 작은 따옴표(')나 큰 따옴표(")로 감싸서 표현 ==>.length(길이 확인) / .concat(문자열 결합) / .substr(시작위치,길이) / .search('') =>시작점을 출력 / .replace(변경할 문자열, 위치에 넣을 문자열) / .split(문자열을 잘라줄 구분, 최대 분할 갯수) ③ 불리언(Boolean): 참(true)과 거짓(false)을 나타내는 데이터 타입 ==> 조거문과 논리 연산자와 함께 많이 사용된다. ④ undefined: 값이 할..

JavaScript Dev./Javascript

1. 변수와 상수

1. 변수와 상수 1-1. 변수란? ==> 값을 메모리에 저장하고, 저장된 값을 읽어 재사용하기 위해 만든 메커니즘 @ 변수의 5가지 주요 개념 - 변수 이름: 저장된 값의 고유 이름 - 변수 값: 변수에 저장된 값 - 변수 할당: 변수에 값을 저장하는 행위 - 변수 선언: 변수를 사용하기 위해 컴퓨터에 알리는 행위 - 변수 참조: 변수에 할당된 값을 읽어오는 것 @ 자바스크립트에서 변수는 var, let ,const 세가지 방법으로 선언할 수 있다. - var: 같은 이름의 변수를 여러 번 선언해도 오류가 발생하지 않고, 가장 마지막에 선언한 값으로 변수가 덮어씌워진다. - let: 같은 이름의 변수를 다시 선언할 수 없지만 값을 변경하는 건 괜찮다. - const: 같은 이름의 변수를 다시 선언할 수..

Yoonsoo
'JavaScript Dev./Javascript' 카테고리의 글 목록 (4 Page)