- 얼리 리턴 패턴(Early return pattern)이란? 얼리 리턴 패턴은 말 그대로 빨리 리턴한다. 즉, 특정 조건에 부합하지 않으면 바로 return을 하도록 하는 패턴이다. // 코드 해석이 한 번에 되지 않고, 가독성이 좋지 않아 복잡하다. function func(num) { if (num > 0) { if (num >= 10) { console.log("num의 값이 10보다 크거나 같습니다."); } else { console.log("num의 값이 0보다 크고 10보다 작습니다."); } } else if (num === 0) { console.log("num의 값이 0입니다."); } else { console.log("num의 값이 0보다 작습니다."); } } func(15);..

- 자바스크립트 연산자 연산자 : 프로그래밍 언어에서 특정 연산을 할 수 있도록 도와주는 문자 1. 산술 연산자 // 덧셈 +, 뺄셈 -, 곱셈 \*, 나눗셈 / 은 가장 기본적인 산술 연산자 let num1 = 10; let num2 = 5; console.log(num1 + num2); // 15 console.log(num1 - num2); // 5 console.log(num1 * num2); // 50 console.log(num1 / num2); // 2 // 나머지 연산자 console.log(num1 % 2); // 0 console.log(num2 % 2); // 1 // 증감 연산자 let num = 10; console.log(num++); // 후위연산 -> 10 console.lo..

- 자료형과 형 변환 1. 원시 타입과 비 원시 타입 자바스크립트 자료형은 크게 원시타입과 비 원시 타입으로 나뉜다. - 원시 타입 : 하나의 고정된 값을 갖는 변수들의 타입 ex) 숫자형, BigInt형, 문자형, Boolean형, Null, Undefined, Symbol형 - 비 원시 타입 : 한 번에 여러 개의 값을 갖고 있는 변수들의 타입 ex) 객체형 (객체, 함수, 배열) * 이번 게시글에서 Symbol형은 안다룰 예정 let number = 123; number = "123"; // 원시 타입 : 단 하나의 값만을 갖고있는 타입들 let array = [1, "2", 3]; // 비원시 타입 : 여러 개의 값을 갖고있는 타입 1) 숫자형 숫자형(Number 타입)은 정수, 소수 등 모든 숫..

- 변수 let과 상수 const의 개념 1. 변수란? 변수 : 프로그램이 실행되는 도중에 변경되는 값을 저장하기 위한 이름을 가진 저장소 (자바스크립트에서는 변수를 선언할 때 let 이라는 키워드를 사용한다.) let color = "skyblue"; console.log(color); // skyblue color = "yellow"; // 변수의 값은 프로그램 실행 도중 변경할 수 있다. console.log(color); // yellow - 변수 명명 규칙 // 특수문자는 $, _ 만 사용 가능 let $name; let test_data; let &name; // 불가능 let ^test; // 불가능 // 변수명 맨앞에는 숫자를 사용할 수 없음 let 1test; // 불가능 let test..

- JavaScript 웹 코드 에디터 추천 : codesandbox.io codesandbox.io는 개발 도구를 설치하지 않고 온라인에서 웹 개발 및 간단한 코드를 작성할 수 있다. (해당 에디터는 프론트엔드에 특화되어 있다.) CodeSandbox: Code, Review and Deploy in Record Time CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time. codesandbox.io - codesandbox.io 사용 방법