[JavaScript 기본] 함수 정리
·
React/JavaScript 기본
함수는 반복 로직을 재사용하고, 코드를 역할 단위로 묶는 기본 단위임예시로 흐름을 먼저 보겠음// 함수 선언문 (Function Declaration)function greeting() { console.log("안녕하세요");}console.log("호출 전");greeting(); // 함수 호출console.log("호출 후");function getArea(width, height) { // 중첩 함수 (Nested Function) function another() { console.log("another"); } another(); // ( ) 안에 있는 것을 "매개변수(parameter)"라고 부름 const area = width * height; return area;..
[JavaScript 기본] 형 변환 (Type Casting) 정리
·
React/JavaScript 기본
`JavaScript`는 동적 타입 언어임.즉, 변수를 선언할 때 타입을 지정하지 않고, 실행 중에 데이터 타입이 자유롭게 바뀔 수 있음. 이때문에 자동으로 형 변환이 일어나기도 하고, 개발자가 직접 변환을 명시하기도 함1. 묵시적 형 변환`JavaScript` 엔진이 알아서 타입을 변환하는 것let num = 10;let str = "20";const result = num + str;console.log(rseult); // "1020"`+` 연산자는 숫자 덧셈뿐 아니라 문자열 연결에도 사용됨한쪽이 문자열이면, JS 엔진이 자동으로 다른 쪽도 문자열로 변환함.즉,10 + "20" -> "10" + "20" -> "1020" 다른 예시를 보면,console.log("5" * 2); // 10 (문..
[JavaScript 기본] 자료형(원시 타입) 정리
·
React/JavaScript 기본
`JavaScript`의 자료형은 크게 원시 타입과 객체(참조) 타입으로 나뉨이번 글에서는 원시 타입을 중심으로 정리함원시 타입(Primitive Type)이란?하나의 값만 저장할 수 있고, 값 자체가 복사되는 타입즉, 메모리 상에서 독립된 값으로 저장되며, 복사해도 서로 영향을 주지 않음원시 타입에는 총 7가지가 있음Number, String, Boolean, Null, Undefined, Symbol, BigInt1. Number 타입숫자를 표현하는 타입으로, 정수와 실수를 모두 포함let num1 = 28; // 정수let num2 = 1.5; // 실수let num3 = -20; // 음수// 사칙연산 가능console.log(num1 + num2);console.log(num1..
[JavaScript 기본] 변수와 상수 정리
·
React/JavaScript 기본
React 공부할 때 꼭 알아야 할 기본 문법이 바로 변수(variable) 와 상수(constant) 임.두 개념은 "값을 저장하는 공간"이라는 점은 같지만, 값을 바꿀 수 있느냐 없느냐가 핵심 차이임1. 변수 (Variable)계속해서 값이 바뀔 수 있는 저장소선언 방법let age = 28; // 선언과 동시에 초기화console.log(age);let name; // 선언만 함name = "도서"; // 나중에 값 대입 특징`let`은 블록 스코프(block scope)를 가짐 -> `{}` 중괄호 안에서만 유효같은 이름으로 중복 선언 불가나중에 값 변경 가능let city = "Seoul";city = "Busan"; // 가능2. 상수 (Constant)선언 이후 값을 변경할 수 없는 저장소선..