WEB/JavaScript 78

[JavaScript][syntax] 조건문

if 조건 표현식의 결과값을 boolean 타입으로 변환한 후 참 / 거짓을 판단한다 삼항 연산자 condition 평가할 조건 (true 또는 false로 평가한다) expression1 조건이 true일 경우 반환할 값 또는 표현식 expression2 조건이 false일 경우 반환할 값 또는 표현식 간단한 조건부 로직을 간결하게 표현할 때 유용한다 하지만, 복잡한 로직이나 대다수의 경우에는 가독성이 떨어질 수 있다. 그래서 적절한 상황을 잘 보고 사용해야한다.

WEB/JavaScript 2024.04.17

[JavaScript][syntax] 연산자

할당 연산자 오른쪽에 있는 피연산자의 평가 결과를 왼쪽 피연산자에 할당한다. 단축 연산자를 지원함 증가 연산자 ('++') 피연산자를 증가시키고 (1을 더함) 연산자의 위치에 따라 증가하기 전이나 후의 값을 반환한다 감소 연산자 ('--') 피연산자를 감소시키고 (1을 뺌) 연산자의 위치에 따라 감소하기 전이나 후의 값을 반환한다 '+=' 또는 '-='과 같이 더 명시적인 표현으로 작성하는 것을 권장한다 비교 연산자 피연산자들 (숫자, 문자, Boolean 등)을 비교하고 결과 값을 boolean으로 반환하는 연산자 동등 연산자 (==) 두 피 연산자가 같은 값으로 평가되는지 비교한 후 boolean 값을 반환한다 '암묵적 타입 변환'을 통해 타입을 일치시킨 후, 같은 값인지 비교한다 두 피연산자가 모두..

WEB/JavaScript 2024.04.17

[JavaScript][syntax] 원시 자료형 (Number, String, null, undefined, boolean)

Number 정수 또는 실수형 숫자를 표현한다 String 텍스트 데이터를 표현하는 자료형 '+' 연산자를 사용해서 문자열끼리 결합할 수 있음 뺄셈, 곱셈, 나눗셈은 불가능하다 Template literals 내장된 표현식을 허용하는 문자열 작성 방식 백틱(``)을 이용하며 여러 줄에 걸쳐 문자열을 정의할 수 있다 JavaScript 변수를 문자열 안에 바로 연결할 수 있다. 표현식은 '$'와 중괄호(${expression})로 표기한다 ES6+부터 지원 null undefined 변수의 값이 없음을 의도적으로 표현할 때 사용한다 변수 선언 이후에 직접 값을 할당하지 않으면 자동으로 할당된다. Q. 값이 없음에 대한 표현이 null과 undefined 2가지인 이유 JavaScript의 설계 실수이다. ..

WEB/JavaScript 2024.04.17

[JavaScript][syntax] 변수

▶ JavaScript 문법 학습 ECMAScript 2015 (ES6) 이후의 명제를 따른다 * 권장 스타일 가이드 https://standardjs.com/rules-kokr.html ▶ 변수 선언 키워드 식별자(변수명) 작성 규칙 반드시 문자, 달러('$') 또는 밑줄 ('_')로 시작 대소문자를 구분한다 for, if, function 등 예약어 사용 불가 ▶ 식별자(변수명) Naming case 캐멀 케이스 (camelCase) 케밥식 (Kebab-Case) 변수, 객체, 함수에 사용됨 첫 단어는 소문자이고, 두번째 단어부터 대문자 pinkBeautifulFlower 모든 단어가 소문자로 시작 단어와 단어 사이는 "-"로 연결된다 pink-beautiful-flower 파스칼 케이스 (Pasca..

WEB/JavaScript 2024.04.17