yeon

🔶 콜백 함수 매개변수로 전달하는 함수를 콜백함수라고 한다. 매개변수를 통해 함수를 받고 함수를 통해 결과값을 호출한다. 콜백함수를 활용하는 함수 : forEach() function(value, index, array){} 콜백함수를 활용하는 함수 : map() map()메소드는 콜백 함수에서 리턴한 값들을 기반으로 새로운 배열을 만드는 함수이다. 콜백함수를 활용하는 함수 : filter() 콜백함수에서 리턴하는 값이 true인 것들만 모아서 새로운 배열을 만드는 함수 🔶 화살표 함수 function 키워드 대신 화살표(=>)를 사용한다, (매개변수)=> { } (매개변수)=>리턴값 filter() 메서드는 배열을 리턴하므로 map() 메서드를 적용할 수 있고 map() 메서드도 배열을 리턴하므로 fo..

🔶 익명함수 함수는 코드의 집합을 나타내는 자료형이며, 기본형태는 다음과 같다. function() {} 함수를 사용하면 좋은 점 반복되는 코드를 정의해놓고 필요할 때마다 호출하므로 반복작업을 피할 수 있다. 긴 프로그램을 기능별로 나눠 여러 함수로 나누어 작성하면 모듈화로 가독성이 좋아진다. 기능별로 수정이 가능하므로 유지보수 용이 함수를 출력했을 때 이름이 붙어있지 않은 것을 볼 수 있다. 이러한 함수를 익명함수라고 한다. 🔶 선언적 함수 function 함수() { } let 함수 = function() {}; -->함수에 이름이 붙어있는 것을 볼 수 있다. 🔶 매개변수와 리턴값 괄호 안에 적는 것을 매개변수라고 하며, prompt() 함수를 사용할 때 매개변수로 message를 넣어야 한다. pr..

🔶 for in 반복문 for (const 반복변수 in 배열 또는 객체) { 문장 } /* 0번째 할 일: 우유 구매 1번째 할 일: 업무확인하기 2번째 할 일: 필라테스 */ for in은 반복변수에 인덱스가 들어간다. 내부에 요소를 사용하려면 fruits[i]와 같은 형태로 사용하며, 안정성을 위해 몇가지 코드를 더 추가하여야 한다. 🔶 for of 반복문 값을 반복할 때 안정적으로 사용 가능 for (const 반복변수 of 배열 또는 객체) { 문장 } 🔶 for 반복문 for(let i = 0; i < 반복횟수; i++) { 문장 } 특정횟수만큼 반복하고 싶을 때 쓰는 범용적인 반복문, 다른 반복문과 달리 let 사용 🔶 while 반복문 if문과 형태가 매우 비슷한 반복문 if조건문과 다른 ..

☀︎ 배열 여러자료를 묶어서 활용할 수 있는 특수한 자료 >const str = '안녕하세요' >str[2] 하 >str[str.length -1] 요 배열 내부에 있는 값을 '요소'라고 한다. 비파괴적 처리란 처리 후에 원본 내용이 변경되지 않는 처리를 의미하며 파괴적 처리란 처리 후에 원본 내용이 변경되는 처리를 의미한다. 배열 요소에 접근하기 배열[인덱스] 배열 요소 개수 확인하기 배열.length 배열 뒷부분에 요소 추가하기 배열.push(요소) 배열 요소 제거하기 배열.splice(인덱스, 제거할 요소의 개수) ----- const 인덱스 = 배열.indexOf(요소) 배열.splice(인덱스,1) 없는 값을 제거했을 때 -1 출력 배열의 특정 위치에 요소 추가하기 배열.splice(인덱스, ..

🔶 switch 조건문 (default 키워드 생략 가능) switch(자료) { case 조건1 : break case 조건2 : break default : break } >> ✦ break switch 조건문이나 반복문을 빠져나가기 위해 사용하는 키워드 break를 만나면 break를 감싼 switch 조건문이나 반복문을 완전히 빠져나간다. 모든 switch 조건문은 if 조건문으로 바꿀 수 있다. 하지만 범위를 조건으로 가지는 if조건문을 switch조건문으로 대체하기는 어렵다. ✦ switch 조건문을 if조건문으로 변환하기 🔶 조건부 연산자 조건문과 비슷한 역할을 하는 연산자 불 표현식 ? 참일때의 결과 : 거짓일 때의 결과 자바스크립트에서 항을 3개 갖는 연산자는 조건부 연산자가 유일하여 삼..

자바스크립트에서 가장 일반적인 조건문 -if if(불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장 } ex) 실행결과 >> 종료 출력, if조건문이 거짓이기 때문에 중괄호 안의 문장을 실행하지 않는다. 자바스크립트 getMonth() -> 0~11사이의 값을 출력하므로 월을 셀 때 +1을 해준다 오전과 오후 구분하기 실행결과 >> 오후입니다. if else 조건문 if(불 값이 나오는 표현식){ 불 값이 참일 때 실행 } else { 불 값이 거짓일 때 실행 } 이처럼 정반대되는 조건을 검사할 때 if else 조건문을 이용하면 if 조건문을 2번 사용하지 않아도 된다. 조건 하나를 처리하는 횟수가 줄어 실제 성능 향상에 조금이나마 도움이 된다. 중첩 조건문 if else if 조건문 중첩 조..

🔶 문자열 입력 문자열 자료형을 입력할 때 사용하는 함수는 prompt() prompt(메시지 문자열, 기본 입력 문자열) prompt()함수를 실행하면 입력창이 나타난다. 입력창에 내용을 입력하고 확인을 누르면 경고창에 입력한 내용이 출력된다. input에 저장된 문자열을 출력하는 것이다. 이와 같이 함수를 실행한 후 값을 남기는 것을 리턴이라고 표현한다. confirm(메시지 문자열) 취소를 누르면 false, 확인을 누르면 true를 출력 > 숫자 자료형으로 변환할 때 number() 함수 사용 > 문자열 자료형으로 변환할 때 string() 함수 사용 > 불 자료형으로 변환할 때 boolean() 함수 사용

✔︎ 상수와 변수 상수 - 항상 같은 수, 값에 이름을 붙이면 값을 수정할 수 없음 변수 - 변할 수 있는 수, 값 수정 가능 **실제로는 상수가 훨씬 많이 사용됨, 모든 면이 막힌 유리상자와 같은 상수는 쌓아서 저장할 수 있으므로 저장 효율(성능)이 좋지만 변수는 넣고 빼는 기능이 포함되어야 하니 쌓아둘 수 없어 저장 효율(성능)이 나쁘다고 생각하면 쉽다. 🔶 상수 상수를 만드는 과정을 선언이라고 표현하며 const 키워드로 다음과 같이 선언한다. const 이름 = 값 상수를 만든 뒤에는 상수 이름을 사용하여 자료를 사용할 수 있다. Identifier has already declared > 특정한 이름의 상수는 한 파일에서 한번만 선언할 수 있음. 같은 이름으로 상수를 한번 더 선언하면 다음과 같..

◇ 표현식과 문장 자바스크립트에서 값을 만들어내는 간단한 코드를 표현식이라고 부른다. ex) 273, 10+20+30+40, 'abcde' 하나 이상의 표현식이 모이면 문장[statement:서술,선언]이 된다. 문장 끝에는 마침표를 찍듯이 세미콜론(;) 또는 줄바꿈을 넣어 종결을 알려준다. 하나의 표현식도 문장의 종결을 의미하는 세미콜론이나 줄바꿈을 넣으면 문장이라고 부르며 이러한 문장이 모여 프로그램을 이룬다. ◇ 자주사용되는 키워드 var 변수 선언 let 변수 블록 선언 const 상수 블록 선언 if 조건문 switch case에 따라 결과가 다른 스위치문 function 함수 선언 for 반복문 return 리턴값 try 에러 핸들링 var, let, const는 변수선언을 담당하는 키워드이다..