자바스크립트 연산자와 옵셔널 체이닝, optional chaining ** 지수 연산자 예전에 Math.Pow 를 사용해야 했던것을 **로 사용 가능하다. ?. 옵셔널 체이닝 연산자 좌항의 피연산자가 null 이나 undefined 일 경우에 undefined를 반환한다. 그렇지 않으면 우항의 프로퍼티 참조를 이어간다. 객체를 가리키기를 기대하는 변수가 널이나 언디파인드인지 확인하여 프로퍼티를 참조할 때 유용한 연산자이다. ?. 사용 이전에는 논리 연산자인 &&를 사용해 확인했었다. ?? null 병합 연산자 연산자 '??' 는 좌항의 피연산자가 null 이나 undefined인 경우에 우항의 피연산자를 반환하고 그렇지 않을 경우에 좌항의 피연산자를 반환한다. 변수에 기본값을 설정할 때 유용한 연산자이다. 예전에는 논리 연산자인 || 를 사용해 좌항의 피연산자가 false.. 2021. 1. 7. Template Literals, 템플릿 리터럴이란? 리터럴 literal 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해서 값을 생성하는 표기법 템플릿 리터럴 template literals 백 스페이스 템플릿 내에서 템플릿 내의 자리 표시자 ${} 에 내부 백틱(`)을 사용하여 가독성을 높일 수 있다. $와 중괄호로 표현식을 넣어 사용가능하고 표현식과 사이의 텍스트가 함께 함수로 전달되는 방식이다. 템플릿 문자열 ``은 일반 문자열에 익숙한 작은 따옴표 또는 큰 따옴표 대신 역 따옴표 ( )를 사용한다. 여러 줄 문자열을 단순화하여 코드 량을 줄일 수 있는 장점이 있다. 태그가 지정된 템플릿이라고 불리기도 한다. 줄바꿈이 필요할 경우 \ 백슬래시 문자를 이용해서 이스케이프 처리를 할 수 있다. 2021. 1. 7. Naming convention, 네이밍 컨벤션 종류와 사용예시 Naming convention 뜻 네이밍 컨벤션이란? 하나 이상의 영어 단어로 구성된 식별자를 만들 때 가독성이 좋도록 단어를 한눈에 구분하기 위해서 규정한 명명 규칙 카멜케이스, 파스칼케이스, 스네이크 케이스, 케밥케이스, 헝가리안 케이스 등 여러 컨벤션이 있다. 네이밍 컨벤션을 잘 지켜서 읽기 편한 코드를 작성 할 수 있어 각 상황에 맞는 컨벤션을 지키며 코드를 작성하는 습관을 들여보자. 네이밍 컨벤션 종류 camelCase : lower 카멜케이스 - 변수, 함수 이름 (lower camelCase) PascalCase : 파스칼케이스 - 생성자 함수, 클래스 이름 snake_case or underscore case : 스네이크케이스, 언더스코어 케이스 kebab-case : 케밥케이스 type.. 2021. 1. 7. 자바스크립트 주요 용어와 기본 개념, 호이스팅이란? 변수 하나의 값을 저장하기 위해 확보한 메모리 공간 자체, 메모리 공간을 식별하기 위해서 붙인 이름 선언 시 var, let, const 키워드를 사용한다. (var는 es6 이전 키워드) var variable, 변할수 있는 값 var 단점 함수 레벨 스코프를 지원한다. 블록 레벨 스코프를 지원하지 않는다. -> 의도치 않게 전역 변수가 선언 되어 사이드 이펙트가 발생하게 된다. 상수 const constant, 한번 정해지면 변하지 않는, 단한번만 할당할 수 있는 변수 값을 재할당 할수 없어서 변수에 저장된 값을 변경할 수 없는 값 할당 변수에 값을 대입 저장 하는 일 참조 변수에 저장된 값을 읽어들이는 일 식별자 어떤 값을 구별해서 식별할 수 있는 고유한 이름 값이 아닌 메모리 주소를 기억하고 있다.. 2021. 1. 7. javascript ES version up to 2020, ES11 ECMAScript version ES1 ~ ES11 에크마스크립트 버전별 특징 자바스크립트 표준, 초판은 1997년에 출시되었다. ECMAScript는 언어의 공식 이름으로 ES1, ES2, ES3, ES5 및 ES6으로 축약되었다. version Year Feature ES1 ECMAScript 1 (1997) First edition ES2 ECMAScript 2 (1998) Editorial changes ES3 ECMAScript 3 (1999) regular expressions try/catch ES4 ECMAScript 4 Never released ES5 ECMAScript 5 (2009) "strict mode" JSON support String.trim() Array.isArray(.. 2021. 1. 7. React 17 달라진 점, import react JSX 개선 사항 With React 17, you don’t need the React import for JSX jsx 관련 import가 필요하지 않다. React 17 컴파일러 react/jsx-runtime는 JSX 변환을 처리하는 곳에서 새 디펜던시를 가져온다. import React from 'react' 구문을 제거할 수 있게 되었다. import react 제거 장점 1. Reducing the Bundle Size 컴파일 된 번들 최종 크기가 약간 줄어들게 된다. 2. Sharing Components has Become a Bit Easier 컴포넌트의 번들링 크기를 줄이고 React가 다른 버전으로 여러번 중복으로 설치되는 경우를 방지할 수 있다. 3. Reducing Dynamic.. 2021. 1. 7. 이전 1 ··· 76 77 78 79 80 81 82 ··· 87 다음
