DO or DO NOT
article thumbnail
[자바스크립트] while 반복문, do while 반복문
개발/HTML, CSS, JS 2023. 6. 4. 23:01

while 반복문 조건문이 참이면 코드 블록을 계속 반복 선언문과 증감문이 없음 무한 loop 수행 시에 많이 사용됨 let i = 1; while (i < 3){ console.log(i) i++; } // 1, 2 let i = 4; while (i < 3){ console.log(i) i++; } // 조건문이 false이므로 출력되지 않음 do while 반복문 일단 실행문을 수행하고 조건문 평가 결과에 따라 반복 수행 여부를 결정한다. i = 4; do{ console.log(i); i++; } while (i < 3); //4

article thumbnail
[자바스크립트] for 반복문, for in 반복문, for of 반복문
개발/HTML, CSS, JS 2023. 6. 4. 20:18

for 반복문 선언문, 조건문, 증감문 형태로 이루어진 반복문이다. 조건문이 false 되면 종료한다. 선언문, 조건문, 증감문 자리에 공백 입력이 가능하다. 선언문 : 카운터 변수를 초기화 할때 사용하게 된다. 조건문 : 반복때마다 조건문이 참이라면 실행문을 실행한다. 조건문에 식을 넣지 않는 경우에는 항상 참이 된다. 조건문이 거짓이라면 for문을 종료한다. 증감문 : 매 반복 후 다음 조건문을 평가하기 이전에 발생하여 카운터 변수를 증감할때 사용된다. for(let i = 0; i

article thumbnail
[자바스크립트] 조건문 switch문
개발/HTML, CSS, JS 2023. 6. 4. 18:09

조건문 switch switch 문은 식을 평가하여 식의 값을 case 절과 일치시키고 해당 case와 관련된 문과 일치하는 case 다음에 오는 실행문을 실행한다. 어떤 case에도 속하지 않는 경우 default로 지정할 수 있다. 실행문 끝에 break;를 하지 않는 경우 더이상 case 비교를 하지 않고 다음 case 실행문까지 이어서 실행된다. switch 예시1 let day_number = 4; let day = “”; switch (day_number) { case 0: day = “sunday”; break; case 1: day = “moday”; break; case 2: day = “tuesday”; break; case 3: day = “wednesday”; break; case ..

article thumbnail
[자바스크립트] if else 조건문과 삼항연산자
개발/HTML, CSS, JS 2023. 6. 2. 14:11

if else 조건문 2개 if(조건식){ 참일때 실행문 } else if (2번째 조건식){ 1번째 조건식이 거짓이고 2번째 조건식이 참일때 실행문 } else { 1,2번째 조건식이 거짓이고 3번째 조건식이 참일때 실행문 } if else → 삼항연산자로 표현 if else 조건문은 삼항연산자로 바꿔 쓸 수 있다. 간단한 조건문은 삼항 연산자로 쓰면 간단하게 표현 할 수 있기 때문에 자주 쓰인다. 삼항 연산자로 표현하는 식을 많이 연습을 하면 좋다. let age = 15; if(age < 19) { msg = “The user is not an adult.”; }else{ msg = “The user is an adult.”; } console.log(msg); // The user is not a..

article thumbnail
[자바스크립트] SCOPE 전역, 지역 변수 (block scope 주의점)
개발/HTML, CSS, JS 2023. 6. 2. 13:07

SCOPE 변수에 접근성을 결정하는 범위 Global scope (전역 : 웹 페이지 내의 모든 스크립트에서 접근 가능) Local scope (지역 : 특정 함수 또는 블록 범위에서 접근 가능, 외부에서 액세스 불가) Function scope Block scope ES6(2015) 이전에는 JavaScript에 Global Scope 와 Function Scope 만 있었으나 ES6에서 let 및 const가 도입 되었다. let과 const는 블록 범위를 제공한다. 그러나 var는 block 범위를 가질 수 없다. let x = 1; let y = 2; console.log(x); // 1 console.log(y); // 2 { let x = 3; let y = 4; console.log(x); ..

article thumbnail
[자바스크립트] 비교, 논리 연산자
개발/HTML, CSS, JS 2023. 6. 2. 12:14

비교 연산자 좌항 우항의 피연산자를 비교한 결과값을 논리적 자료형으로 반환하는 연산자 a>b // a가 b보다 크면 true 아니면 false a=b // a가 b보다 크거나 같으면 true 아니면 false a “AAAA”); // true console.log(”Hello” “Helloo”); // false console.log(”5”

article thumbnail
[자바스크립트] 산술, 대입 연산자
개발/HTML, CSS, JS 2023. 6. 2. 11:31

산술 대입 연산자 연산자도 우선순위가 있다. (1~21번) 우선 순위가 높을수록 먼저 수행된다. 대체로 단항 연산자의 우선순위가 높음 산술연산자 덧셈 연산자 + console.log(31 + 10); // 41 뺄셈 연산자 - console.log(31 - 10); // 21 곱셈 연산자 * console.log(31 * 10); // 310 나눗셈 연산자 / console.log(31 / 10); // 3.1 몫 perseInt() console.log(perseInt(31 / 10)); // 3 소수점 버리고 정수반환 나머지 연산자 % console.log(31 % 10); // 1 거듭제곱 연산자 ** console.log(2 ** 3); // 8 대입연산자 let num_1 = 123; let n..

article thumbnail
[자바스크립트] 형 변환(String, Number, boolean) 정수 실수 변환(parseInt, parseFloat)
개발/HTML, CSS, JS 2023. 6. 2. 10:22

String console.log(String(123)); //123 console.log(String(1 / 0)); //Infinity console.log(String(-1 / 0)); //-Infinity console.log(String(NaN)); //NaN console.log(String(true)); //true console.log(String(false)); //false console.log(String(undefined)); //undefined console.log(String(null)); //null Number console.log(Number(””)); // 0 console.log(Number(”123”)); // 123 console.log(Number(”hello”)..