React(159)
-
2-7. 함수 표현식 & 화살표 함수
이렇게 함수를 출력하면 다음과 같이 나온다. 이렇게 함수를 변수에 담아서 하면되는데 이것을 --> 함수 표현식 함수 표현식 VS 함수 선언식 console.log(helloB()); //안녕하세요. 여러분B // 아래에서 선언한 것을 위에서 쓸 수 있는데 이것을 hoisting이라고 한다. // 함수 선언식으로 한것은 코드의 최 상단으로 끌어올려진다고 생각하면 된다. console.log(helloA()); //TypeError: helloA is not a function !!! // 함수 표현식은 위로 들고와서 선언해야 에러가 안난다! // hoisting에 속하지 않는다. let helloA = function () { return "안녕하세요. 여러분A"; }; // 함수 표현식 function ..
2022.06.09 -
2-6. 함수
let width1 = 10; let height1 = 20; let area1 = width1 * height1; console.log(area1); let width2 = 30; let height2 = 40; let area2 = width2 * height2; console.log(area2); 이렇게 코드를 짤 수 있지만, 아래와 같이 함수를 만들어 코드를 더 간단하게 만들 수 있다. function getArea() { let width = 10; let height = 20; let area = width * height; console.log(area); } // 함수 선언식, 함수 선언 방식의 함수 생성 getArea(); console.log("함수 실행 완료"); getArea(); ..
2022.06.09 -
2-5. 조건문
조건문 - 참 거짓에 따라 다른명령을 지시할 수 있도록 하는 것 let a = 3; if (a >= 5) { console.log("5 이상입니다."); } else if (a >= 4) { console.log("4 이상입니다."); } else if (a >= 3) { console.log("3 이상입니다."); } else { console.log("3 미만입니다."); } let country = "ko"; if (country === "ko") { console.log("한국"); } else if (country === "cn") { console.log("중국"); } else if (country === "jp") { console.log("일본"); } else { console.log(..
2022.06.08 -
2-4. 연산자
1. 대입연산자 let a = 1; let b = 2; 2. 산술연산자 let a = 1; let b = 2; console.log(a+b); console.log(a-b); console.log(a*b); console.log(a/b); console.log(a%b); 3. 연결연산자 두개 이상을 연결하는것 (한개만 숫자면 똑같이 문자로 됨) let a = "1"; let b = "2"; console.log(a+b); // 12 4. 복합연산자 let a = 5; a += 10; a -= 10; a /= 10; console.log(a); 5. 증감연산자 let a = 5; a++; //a+1 a--; console.log(a); console.log(a++); console.log(a--); con..
2022.06.08 -
2-3. 자료형과 형 변환
1. 자료형 값을 성질에 따라 분류한 것 ✨ 자바스크립트의 자료형 1) Primitive Type(원시 타입) let number = 12; 한번에 하나의 값만 가질 수 있음 하나의 고정된 저장 공간 이용 2) Non-Primitive Type(비원시 타입) let array = [1,2,3,4]; 한번에 여러 개의 값을 가질 수 있음 여러개의 고정되지 않은 동적 공간 사용 🎠 원시타입 1. 숫자형 타입 let age = 25; let tall = 175.9; let inf = Infinity; let minusInf = -Infinity; let nan = NaN; console.log(age * tall); 2. 문자형 타입 let name = "winterlood"; let name1 = "이정환"..
2022.06.07 -
2-2. 변수와 상수
1. 변수 실행 도중 계속해서 바뀔 수 있는 값을 저장하는 이름붙은 저장소 💥JavaScript에서 var를 사용하면 안되는 이유💥 더보기 var의 문제점 1. 같은 이름의 변수를 여러번 생성가능하다. var foo = 123 console.log(foo) var foo = 456 console.log(foo) 위의 코드와 같이 foo라는 이름의 변수를 두번 선언했을때 아래와 같이 console.log가 제대로 동작한다. 하지만 const와 let은 동일한 이름의 변수를 한번만 선언 가능하다. const foo = 123 console.log(foo) const foo = 456 console.log(foo) 위의 코드와 같이 const로 foo라는 변수를 두번 선언한다면 아래와 같이 'foo' has ..
2022.06.07