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

전체 글 보기262

[JavaScript] 화살표 함수(arrow function expression) 1. 화살표 함수(arrow function expression)란 ❓ function 키워드를 사용하여 함수를 만드는 것보다 간단하게 표현 this나 super에 대한 바인딩이 없고, methods로 사용될 수 없음 Constructor(생성자)를 사용할 수 없음 화살표 함수는 항상 익명 2. 함수의 표현 2-1. 매개변수가 없을 경우 // => 사용 // 표현1 const 함수명 = () => { 함수가 호출되었을 때 실행될 문장; ... } // 표현2 const 함수명 = () => 함수가 호출되었을 때 실행될 문장; 화살표 함수 2-2. 매개변수가 있을 경우 // 표현1 const 함수명 = (매개변수1, 매개변수2..) => { 함수가 호출되었을 때 실행될 문장; ... } // 표현2 con.. 2023. 4. 11.
[JavaScript] 호이스팅(Hoisting)이란? & 함수 선언문과 함수 표현식에서의 호이스팅 1. 호이스팅(hoisting)이란 ❓ 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것 var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화 let과 const 로 선언한 변수의 경우 호이스팅 시 변수를 초기화하지 않음 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언되는 현상을 말하는 것 변수를 정의하는 코드보다 사용하는 코드가 앞서 등장할 수 있음! 2. 함수선언문과 함수표현식에서의 호이스팅 📌 함수선언문과 함수표현식의 차이⬇⬇⬇ 더보기 https://coding-yesung.tistory.com/115 호이스팅 MDN: Hoisting https://developer.mozilla.org/ko/docs/Glossary/Hoist.. 2023. 4. 11.
[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.
728x90
반응형
LIST