본문 바로가기
728x90
반응형
SMALL

Web/JavaScript43

[JavaScript] 사용자 정의 함수(function) - 함수 선언과 함수 호출 1. 사용자 정의 함수(function) 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있음 코드를 재활용하기 위해 사용 1-1. 함수 표현 방법 1) 함수 선언문 function 함수명(매개변수1, 매개변수2...){ 함수가 호출되었을 때 실행할 문장; ... return 값; } 함수명(값1, 값2...) 2) 함수 표현식 📍 함수표현식으로 사용하는 것을 권장함! let 또는 const 변수명 = function(매개변수1, 매개변수2 ...){ 함수가 호출되었을 때 실행할 문장; ... return 값; } 변수명(값1, 값2...) 1-2. 디폴트 매개변수 매개변수의 값을 설정하는 것 매개변수의 값을 정하지 않으면 기본값을 변수.. 2023. 4. 11.
[JavaScript] 배열(Array)이란? & 자바스크립트 배열의 특징, 배열 객체 메소드, 배열 객체와 for문 1. 배열(Array)이란❓ 이름과 인덱스로 참조되는 정렬된 값의 집합(자료구조) 배열을 구성하는 각각의 값을 배열 요소라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스라고 함 1-1. 배열 선언 let 배열명; 1-2. 배열 초기화 배열명 = [요소1, 요소2, ....] // 예) let arr; arr=[200, 300, 500]; let arr = [200, 300, 500]; 1-3. 배열 객체로 생성 const 배열명 = new Array(요소1, 요소2, ...); 1-4. 배열의 접근 let arr; arr=[200, 300, 500]; console.log(arr[0]); // 100 console.log(arr[1]); // 200 console.log(arr[2]); // 300 .. 2023. 4. 11.
[JavaScript] 제어문 - 2️⃣ 반복문 (while문, for문, break, continue) 1. while문 1-1. while while(조건식){ 조건식의 결과가 true인 동안 반복할 문장; ... } 1-2. do ~ while 조건식의 결과가 처음부터 false일 경우에도 한번은 {} 블록의 문장을 실행함 do { 조건식의 결과가 true인 동안 반복할 문장; .... }while(조건식) 반복문 2. for문 for(초기값; 조건식; 증감식;){ 조건식의 결과가 true인 동안 반복할 문장; ... } ✔ for문의 무한루프 for(;;){ } 반복문 3. break문 switch문 또는 반복중인 루프 내에서 사용하여 해당 문장을 완전히 종료시키고 다음에 위치한 실행문으로 이동 num = 1; while(num 2023. 4. 10.
[JavaScript] 제어문 - 1️⃣ 조건문 (if문, swith문) 1. if문 조건의 범위가 있을 때 사용 1-1. if문 if(조건식){ 조건식의 결과가 true일 때 실행할 문장 ... } 1-2. if~else문 if(조건식){ 조건식의 결과가 true일 때 실행할 문장 ... }else{ 조건식의 결과가 false일 때 실행할 문장 ... } 1-3. if~else if~else문 if(조건식1){ 조건식1의 결과가 true일 때 실행할 문장 ... }else if(조건식2){ 조건식2의 결과가 true일 때 실행할 문장 }else if(조건식3){ 조건식3의 결과가 true일 때 실행할 문장 ... }else{ 모든 조건식의 결과가 false일 때 실행할 문장 } if문 2. switch문 일치하는 값이 있을 때 사용 switch(변수){ case 값1: 변수.. 2023. 4. 7.
[JavaScript] 자바스크립트의 연산자(Operator) 1. 산술 연산자 연산자 의미 + 더하기 연산 - 빼기 연산 * 곱하기 연산 / 나누기 연산 % 나머지 연산 ** 제곱연산 2. 비교 연산자 연산자 의미 a > b a가 b보다 크다 a = b a가 b보다 크거나 같다 a >> 지정한 수만큼 비트를 전부 오른쪽으로 이동시키며, 새로운 비트는 전부 0이 됨. 7. 삼항 연산자 삼항 연산자 변수 = 조건식 ? 반환값 : 반환값2 조건식이 true 반환값1이 변수에 저장 조건식이 false 반환값2가 변수에 저장 2023. 4. 6.
[JavaScript] 자동 타입 변환 & 타입 변환 함수 & NaN(Not a Number) 1. 자동 타입 변환 특정 타입의 값을 기대하는 곳에 다른 타입의 값이 오면 자동으로 타입을 변환해서 사용 const num4 = 10 const str3 = "10" console.log(num4 + str3) //1010 console.log(num4 - str3) //0: 자동 형변환 console.log(num4 * str3) //100: 자동 형변환 console.log(num4 / str3) //1: 자동 형변환 2. 타입변환 함수 강제로 타입을 변환할 수 있음 Number(): 문자를 숫자로 변환 String(): 숫자나 불린 등을 문자형으로 변환 Boolean(): 문자나 숫자등을 불린형으로 변환 Object(): 모든 자료형을 객체형으로 변환 parseInt(): 문자를 int형으로 변환.. 2023. 4. 6.
[JavaScript] 자바스크립트의 데이터 타입 1. 데이터 타입(Data Type) 프로그램에서 다룰 수 있는 값의 종류 자바스크립트는 선언시 타입을 정하지 않기 때문에 많은 문제가 발생할 수 있음 자바스크립트의 타입 유연성을 해결하기 위해 타입스크립트가 탄생 1-1. 숫자형(number) 정수와 실수를 따로 구분하지 않음 모든 수를 실수 하나로만 표현 1-2. 문자형(string) ' ' 또는 " " 또는 ` `로 둘러싸인 문자의 집합 num = 10; "입력한 숫자는" + num + "입니다." `입력한 숫자는 ${num} 입니다.`; 1-3. 논리형(boolean) 참(true)과 거짓(false)으로 표현되는 값 false, 0, '', "", null, undefined는 모두 거짓(false)으로 판정함 false가 아닌 모든 값은 참(t.. 2023. 4. 5.
[JavaScript] 자바스크립트의 변수(variable)와 상수(constant) 1. 변수 (variable) 데이터를 저장할 수 있는 메모리 공간 값이 변경될 수 있음 자바스크립트의 변수는 타입이 없음 var, let 키워드를 사용하여 변수를 선언 1-1. var 유연한 변수 선언 방식 지역변수, 전역변수와의 구별이 있음 같은 이름의 변수를 선언할 수 있음 약간의 버그로 인해 변수 선언시 var보다는 let을 주로 사용 // 버그??? console.log(num) var num = 10; { console.log(num); // 전역변수 num = 10 var num = 20; // 지역변수 num = 20 } console.log(num) // 전역변수 num = 20 1-2. let 지역변수, 전역변수의 구별이 확실 같은 이름의 변수를 선언할 수 있음 let 변수명 = 값; .. 2023. 4. 5.
728x90
반응형
LIST