본문 바로가기

Programing/React72

[ONEBITE-REACT] JS 기본 - 반복문 (Loop, Iteration) 의미 어떠한 동작을 반혹해서 수행할 수 있도록 만들어주는 문법 예) 1부터 100까지 콘솔에 하나씩 출력하라. 원래대로라면 console.log(1); ... console.log(100);까지 100번 입력해야 하나, 반복문을 사용하면 for(let i = 1; i = 3) { break; } } 만약 idx가 5와 같아지는 순간 반복문이 종료되길 원하는 위와 같은 for문에서 3과 같아지는 순간 멈추게 하고 싶다면, 조건식 자체를 수정해도 되지만 조건식을 수정할 수 없는 상황에서는 위와 같이 if...break를 추가하여 idx가 3과 같거나 커질 때 break로 빠져 나오라고 코드를 작성할 수 있다. for문을 강제로 패스하는 방법 (if...countinue) if (idx % 2 === 0) {.. Programing/React 2024. 3. 11.
[ONEBITE-REACT] JS 기본 - 조건문 (Conditional Satatement) 의미 특정 조건을 만족했을 때에만 실행되는 코드를 작성하기 위한 문법 예) 값이 10 이상인가? 참이면 "Yes", 거짓이면 "No"를 출력하라. 대표적으로 if, switch 조건문이 존재함. 종류 if문 기본형 if (조건) {참일 때 실행할 값} let num = 10; if (num > 5) { console.log(`${num}은 5보다 큽니다.`); } // "10은 5보다 큽니다" 로 출력됨. 거짓일 때 추가 기본형 : if (조건) {참일 때 실행할 값} else {거짓일 때 실행할 값} let num = 2; if (num > 5) { console.log(`${num}은 5보다 큽니다.`); } else { console.log(`${num}은 5보다 작습니다.`); } // "2는 5.. Programing/React 2024. 3. 11.
[ONEBITE-REACT] JS 기본 - 연산자 (Operator) 의미 프로그래밍에서의 다양한 연산을 위한 기호, 키워드를 말한다. 예를 들어 덧셈 연산자(+), 곱셉 연산자(*), 뺄셈 연산자(-), 나눗셈 연산자(/) 등이 있다. 종류 대입 연산자 (=) (assignment operator) let var1 = 1; 위와 같이 변수(var1)의 기본 값으로 1을 초기화 할 때 쓰는 = 기호를 대입 연산자라고 한다. 산술 연산자 (+, -, *, / , %) (artihmetic operator) + 덧셈 연산자, - 뺄셈 연산자, * 곱셈 연산자, / 나눗셈 연산자, % 나머지 연산자(모듈러 연산자) 사칙연산 규칙처럼 곱셈, 나눗셈, 나머지 계산은 덧셈 뺄셈보다 우선순위가 높다. 덧셈, 뺄셈을 먼저 하고 싶다면 사칙연산 하듯 괄호로 묶어주면 된다. let num .. Programing/React 2024. 3. 11.
[ONEBITE-REACT] JS 기본 - 형 변환 (Type Casting) 의미 형 변환 (Type Casting) : 어떤 값의 타입을 다른 타입으로 변경하는 것을 말함 예를 들어 10이라는 Number Type을 "10"이라는 String Type으로 변경하는 것을 말함. 종류 묵시적 형 변환 (암묵적 형 변환) 개발자가 직접 설정하지 않아도 알아서 자바스크립트 엔진이 형 변환을 하는 것을 말한다. 명시적 형 변환 개발자가 직접 함수 등을 이용하여 형 변환을 하는 것을 말한다. 묵시적 형 변환 (암묵적 형 변환) 묵시적 형 변환이 일어나는 경우는 아래와 같다. 1. number type + string type let num = 10; let str = "20"; const result = num + str; console.log(result); console.log(typ.. Programing/React 2024. 3. 11.
[ONEBITE-REACT] JS 기본 - 자료형 (Data Types) 의미 자료형 = type(집합). 1, 2, 3, 4 등의 숫자들이 모이면 '숫자', "사과", "배" 등의 문자들이 모이면 "문자"라는 집합으로 묶을 수 있는 것처럼, 자료형은 자료들의 공통된 성질을 나타낸다. 자바스크립트에서의 자료형 종류 자료형 (DataType) 원시 타입 Number String Boolean Null Undefined 객체 타입 Object Array Function RegexExp 원시 타입 (기본형 타입) Number Type(숫자) 모든 숫자롤 의미한다. 정수, 실수, 음수 모두 Number Type이다. 숫자로 보이지 않는 무한대, NaN도 number 타입이다. Number Type은 사칙연산과 나머지 (모듈러 연산) 계산이 가능하다. // 모든 숫자는 Number 타.. Programing/React 2024. 3. 11.

티스토리툴바