Life
-
05-2. 함수 고급Book/혼자 공부하는 자바스크립트 2022. 2. 3. 02:16
콜백함수 자바스크립트는 함수도 하나의 자료형이므로 매개 변수로 전달 함수를 콜백 함수라고 한다. 화살표 함수 단순한 형태의 함수를 쉽게 입력하고자 화살표(arrow) 함수라는 함수 생성방법이 있습니다. 화살표 함수는 function 키워드 대신 ghktkfvy(=>)를 사용합니다. (매개변수) => { } 불표현식 || 불표현식이 거짓일 때 실행할 문장 아래와 같이 더 간단히 사용할 수 있으며 내부에서는 this 키워드가 지칭하는 대상이 다르다는 등의 미세한 차이가 있습니다. (매개변수) => 리턴값 예제 const array = [0,1,2,3,4,5,6,7,8,9] array.map((value) => value * value) 결과값 : (10) [0,1,4,9,16,25,36,49,64,81] 메..
-
05-1. 함수의 기본형태Book/혼자 공부하는 자바스크립트 2022. 1. 31. 20:59
함수는 코드의 집합을 나타내는 자료형입니다. 함수를 호출, 즉 '함수를 호출하다'라고 표현한다. 함수를 호출할 때는 괄호 내부에 여러가지 자료를 넣는데, 이러한 자료를 매개변수라고 부릅니다. 그리고 함수를 호출해서 최종적으로 나오는 결과를 리턴값이라고 부릅니다. 함수를 코드의 집합이라고 말하는 이유는 중괄호 {...} 내부에 코드를 넣기 때문이다. function() { } 반복되는 코드를 한 번만 정의해놓고 필요할 때마다 호출하므로 반복 작업을 피할 수 있습니다. 긴 프로그램을 기능별로 나눠 여러 함수로 나누어 작성하면 모듈화로 전체 코드의 가독성이 좋아집니다. 기능별(함수별)로 수정이 가능하므로 유지보수가 쉽습니다. 함수의 자료형은 function 이며 , 이름이 붙어있지 않은 함수를 익명함수(ano..
-
04-2. 반복문Book/혼자 공부하는 자바스크립트 2022. 1. 28. 17:55
반복문(Iteration Statements) : 프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문입니다. for in 반복문 배열과 함께 사용할 수 있는 반복문은 for in 반복문입니다. for in 반복문은 배열 요소를 하나하나 꺼내서 특정 문장을 실행합니다. for(const 반복 변수 in 배열 또는 객체) { 문장 // 반복변수에 인덱스가 들어와 배열 요소를 접근합니다. } for of 반복문 for in 반복문은 반복 변수에 인덱스가 들어갑니다. 그래서 반복문 내부에 요소를 사용하려면 요소[i]와 같은 형태로 사용하며, 안정성을 위해 몇 가지 코드를 더 추가한다고 했습니다. 그래서 등장한 것이 for of 반복문있으며 요소의 값을 바복할 때 안정적으로 사용할 수..
-
04-1. 배열Book/혼자 공부하는 자바스크립트 2022. 1. 28. 17:07
배열(array) : 여러 자료를 묶어서 활용할 수 있는 자료이며 여러 개의 변수를 한번 에 선언 해 다룰 수 있는 자료 형입니다. 배열 내부에 들어 있는 값을 요소(element)라고 부릅니다. [요소, 요소, 요소,...,요소] // 사용법 배열 요소에 접근하기 각각의 요소에 접근하려면 배열 바로 뒤에 대괄호[...]를 입력하고 그 안에 숫자를 넣습니다. 이때 요소의 순서를 인덱스라고하며 요소는 0번째 부터 시작합니다. 배열[인덱스] //사용법 배열 요소 개수 확인하기 배열 내부에 들어 있는 요소의 개수를 확인할 때는 배열의 length 속성을 사용합니다. 배열.length //사용법 배열 뒷부분에 요소 추가하기 배열 뒷부분에 요소를 추가할 때는 push()메소드를 사용합니다. 배열.push() //..
-
03-2. switch 조건문과 짧은 조건문Book/혼자 공부하는 자바스크립트 2022. 1. 28. 16:22
switch 조건문 : switch()에 적힌 데이터와 case 뒤에 적힌 데이터(문자열,숫자)를 서로 비교하여, 일치하면 실행, 일치하지 않으면 다음 case 문으로 넘어갑니다. switch(자료){ case 조건 A: break case 조건 B: break deafault : //생락 가능 break } 조건부 연산자 : 삼항 연산자는 참/거짓에 따라 선택적으로 실행되는 조건문이다. 삼항연산자는 조건문 ? 선택문1 : 선택문2 로 구성된다. 조건문이 참이면 선택문1을 실행하고, 조건문이 거짓이면 선택문 2를 실행한다. 불 표현식 ? 참일 때 결과 : 거짓일 때의 결과 //사용법 짧은 조건문 짧은 조건문은 논리 연산자의 특성을 조건문으로 사용하는 것입니다. 논리합 연산자 : 표현식 뒤에 어떠한 값이 ..
-
03-1. if 조건문Book/혼자 공부하는 자바스크립트 2022. 1. 28. 15:35
조건문 : 조건에 따라 코드를 실행할 수 있고 실행 하지 않을 수도 있습니다. 이처럼 코드가 실행 되는 흐름을 변경하는 것을 조건 분기라고 합니다. if 조건문 : 불 표현식의 값ㅇ true면 중괄호 안의 문장을 실행하고 false면 문장을 무시합니다. if(불 값이 나오는 표현식) //사용법 { 불 값이 참일 때 실행할 문장 } if else 조건문 : 서로 반대 되는 상황을 표현하는 구문을 제공합니다. 바로 else 구문입니다. else 구문은 if 조건문 바로 뒤에 붙여서 사용합니다. if(불 값이 나오는 표현식) //사용법 { // 불 값이 참일 때 실행할 문장 }else { // 불 값이 거짓일 때 실행할 문장 } 중첩 조건문 : 조건문 안에 조건문을 중첩해 사용하는 것을 중첩 조건문이라고 합니..
-
02-3. 자료형 변환Book/혼자 공부하는 자바스크립트 2022. 1. 28. 15:05
문자열 입력 문자열 자료형을 입력할 때 사용하는 함수는 prompt() 입니다. prompt(메시지 문자열, 기본 입력 문자열) 불 입력 문자열 외에 불 자료형도 값을 입력 받을 수 있으며 이때 사용하는 함수는 confirm() 함수입니다. confirm(메시지 문자열) 숫자 자료형 변환하기 다른 자료형을 숫자 자료형으로 변환할때는 Number() 함수를 사용합니다. Number(자료) 문자열 자료형으로 변환하기 String(자료) 불 자료형으로 변환하기 Boolean(자료)