본문 바로가기

Programing371

[ONEBITE-REACT] JS 기본 - 함수 (Function) 의미 자바스크립트에서 코드를 재사용 가능한 블록으로 묶어주는 기능이다. 같은 코드를 변수명만 다르게 해서 let age1, let age2 등으로 반복 사용하면 효율도 떨어지고 가독성이 떨어지기에 이럴 경우 하나의 코드 블록으로 묶어주게 된다. 기본형 function 함수명(파라미터1, 파라미터2, ...) { 실행할 코드 return 리턴할값; // 선택사항이고 함수 사용이 종료되고 나서 반환할 값을 설정한다. 함수를 선언하는 것만으로는 함수가 실행되지 않는다. 함수를 선언하고 사용자가 설정한 함수명()을 사용해서 함수를 실행해야 한다. function greeting () { console.log("안녕하세요") } // 함수를 선언하는 것만으로는 안의 함수가 실행되지 않는다. greeting(); .. Programing/React 2024. 3. 11.
[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.