개발이 좋아서/JavaScript가 좋아서
js - arguments, 나머지 매개변수, 스프레드문법
함수 1. 함수선언문 function myFunc(num1, num2){ return num1 + num2; } //호이스팅 됨 myFunc(10,20); 2. 함수표현식 let myFunc2 = function(num1, num2){ return num1 + num2; } //호이스팅 안됨 3. 화살표 함수 무기명 함수는 화살표 함수로 변경할 수 있다. function(num1, num2){ return num1 + num2; } 1) function 대신 => 2) 매개변수가 하나면 ()생략가능, 두개 이상일때는 ()생략안됨 function(){} ---> () => {} function(num){} ---> num => {} function(num1,num2) ---> (num1,num2) => {..
js - 총정리 복습
자바스크립트 기본구문 1. 변수 let, var, const 2. 함수 함수 선언문 function 빵만들기(재료1, 재료2){ let 빵 = 재료1 + 재료2 + '빵'; return 빵; } let 빵1 = 빵만들기('밀가루','옥수수'); let 빵2 = 빵만들기('찹쌀','팥'); 함수표현식 let 빵만들기 = function(재료1, 재료2){ let 빵 = 재료1 + 재료2 + '빵'; return 빵; } 빵만들기(); 화살표 함수 let 빵만들기 = (재료1, 재료2) => { let 빵 = 재료1 + 재료2 + '빵'; return 빵; } 1. function 대신 => 2. (재료1) 매개변수가 하나일 때는 () 생략가능 3. 실행문이 한줄일 때는 {} 생략가능그 한줄이 리턴문일 때는..
js - 객체, 메소드
배열 메소드 Array.prototype으로부터 메소드와 프로퍼티를 상속받습니다. 1. 원본 배열을 변경하지 않는 참조만 하는 메소드 1) join() 배열의 모든 요소를 하나의 문자열로 반환 2) slice() 시작 인덱스, 종료 인덱스 바로 앞까지의 모든 배열요소를 추출하여 새로운 배열을 반환 3) concat() 배열의 뒤에 인수로 전달받은 배열을 합쳐서 새로운 배열을 반환 4) indexOf() 전달받은 값과 동일한 배열 요소가 처음으로 위치하는 인덱스를 반환 5) includes() 전달받은 값과 동일한 배열요소가 있으면 true 없으면 false를 반환 2. 원본 배열을 변경하는 메소드 1) push() 배열의 마지막 요소 추가 2) pop() 배열의 마지막 요소 제거 3) shift() 배열..
js - 배열
배열 Array 배열선언 let arr = []; ex) let arr = ['사과',10,'딸기',,'바나나','오렌지',true]; let arr = new Array(); ex) let arr = new Array('사과',10,'딸기',,'바나나','오렌지',true); 배열에 담긴 요소의 갯수 : arr.length 인덱스를 통해서 배열요소에 접근 arr[0]; arr[1]; 배열요소를 변경 arr[0] = '값'; 배열요소의 추가 arr[arr.length] = '값'; //배열의 마지막 요소에 값 추가 배열요소를 삭제 delete arr[index]; //값은 삭제되지만 배열의 길이는 줄어들지 않는다. 삭제되고 empty가 담김.
js - 조건문(switch, 삼단 조건식)
if(표현식){ 실행하는 코드 } if(5>1){ console.log("5는 1보다 큽니다."); }else { console.log("5는 1보다 크지 않습니다."); } if(표현식1){ 표현식1이 true일 때 실행하는 코드 }else if(표현식2) { 표현식1이 false이고 표현식2가 true일 때 실행되는 코드 }else { 표현식1과 표현식2가 둘다 false일 때 실행되는 코드 } let num = 10 if(num > 10) { console.log("num은 10보다 큽니다."); }else if(num === 10) { console.log("num은 10이랑 같습니다."); }else { console.log("num은 10이랑 같지 않습니다."); } 자바스크립트 기초구문 산술..
js - 조건문, 이벤트
if(표현식){ 실행하는 코드 } if(5>1){ console.log("5는 1보다 큽니다."); }else { console.log("5는 1보다 크지 않습니다."); } if(표현식1){ 표현식1이 true일 때 실행하는 코드 }else if(표현식2) { 표현식1이 false이고 표현식2가 true일 때 실행되는 코드 }else { 표현식1과 표현식2가 둘다 false일 때 실행되는 코드 } let num = 10 if(num > 10) { console.log("num은 10보다 큽니다."); }else if(num === 10) { console.log("num은 10이랑 같습니다."); }else { console.log("num은 10이랑 같지 않습니다."); } 자바스크립트 기초구문 산술..
js - 함수선언
함수??? 프로그램을 작성할 때 반복적으로 하는 일을 함수로 만듬 서브프로그램이라고도 함 프로그램 안에서 각각의 작은 기능을 수행 input을 받아서 잘 처리한 다음 output(return)을 해줌 1.함수 생성하기 1)함수 선언문 구문 function add(a,b){ return a + b; } function : 함수선언(이건 함수야!!) add : 함수식별자(함수이름) a,b : 매개변수 return a + b : 반환값 add(3,4) : 함수호출 => 7 add(7,9) => 16
javascript - 변수선언
let, const, var 1.변수선언 let userName; var userAge; const 선언과 동시에 할당해야함 const apple = 'apple'; let age, name, hobby; 2.변수할당 let userName = 'green'; let suerName; userName = 'blue'; userName = 'abc'; let userAge = 30; 숫자는 따옴표없이 할당 문자는 따옴표로 감싸고 할당 alert('여러분'); alert(userName); 자료형 1.숫자형(number) let message = 'green'; message = 123; *** 자료의 타입은 있지만 변수에 저장되는 값의 타입은 언제든지 변경될 수 있는 언어를 동적 타입 언어라고 합니다. *..
javascript - 출력
javascript 출력 1.경고창에 출력 alert('내용'); 2.콘솔창에 출력 console.log('내용'); 3.html body에 출력 document.write('내용'); 4.DOM요소 안에 출력 innerHTML = '내용'; DOM요소 선택 1.단수선택 document.getElementById('id이름'); document.querySelector('css선택자'); 2.복수선택 document.getElementsByClassName('class이름'); - html컬렉션 document.getElementsByClassName('class이름')[0]; document.getElementsByTagName('tag이름'); - html컬렉션 document.querySelecto..