JavaScript

프론트엔드 | 백엔드 일반적으로 프론트엔드(front-end) 와 백엔드(back-end)라는 용어는 프로세스의 처음과 마지막 단계를 가리킵니다. front-end는 사용자로부터 다양한 형태의 입력을 받아 back-end 가 사용할 수 있는 규격, 규칙을 따라 처리할 책임을 집니다. front-end를 back-end로 연결하는 것은 인터페이스의 일종이다. 소프트웨어 공학에서 프론트엔드와 백엔드라는 용어는 소프트웨어의 presentation layer(프론트엔드)과 data access layer(백엔드) 또는 물리 구조 또는 하드웨어 사이의 관심사를 분리하는 것을 의미합니다. 클라이언트 - 서버 모델에서 클라이언트는 일반적으로 프론트엔드로 간주되며 서버에서 실제로 presentation 작업이 수행되는..

set() 이란? Set은 수학적 집합을 표현하기 위해 ES6에 새롭게 추가된 고유한 값들의 집합을 다루는 자료구조입니다. 따라서 수학적 집합의 합집합, 여집합, 교집합, 차집합 등을 구현할 수 있습니다. Set()의 특징 Set 은 배열과 비슷하지만 배열과 다른 점이 존재합니다. 배열은 데이터를 index 순서가 있게 저장을 하기 때문에 index를 통해 배열 요소에 접근이 가능합니다. 그렇기 때문에 값이 동일하더라도 index가 다르기 때문에 데이터 중복이 가능합니다. 반면에 Set은 아래와 같은 특징을 가집니다. key가 없고 value값 만을 저장하며 동일한 값을 중복을 허용하지 않습니다. 요소 순서에 의미가 없기 때문에 인덱스로 요소에 접근이 불가능 합니다. 대소문자를 구분합니다. Set 생성 ..

1. tim() string.trim() trim() 메서드는 문자열 양 끝의 공백을 제거합니다. 원본 문자열을 건들지 않고 새로운 문자열로 반환을 합니다. 문자열 앞 뒤에 공백이 중복되어 여러 개가 있어도 모두 제거됩니다. let str = " Hello, World, JavaScript "; let result = str.trim(); console.log("[" + result + "]"); // 결과 : [Hello,World,JavaScript] let text1 = ' test '; let text2 = '\ttest\t'; let text3 = '\ntest\n'; console.log(text1.trim()); // 결과 : test console.log(text2.trim()); // 결..

nullish 병합 연산자 (??') 란 leftExpr ?? rightExpr let a = 0; let b = a||10; console.log(b); // 10 let c = 0; let d = c??10; console.log(d); // 10 let e = null; let f = e ?? 10; console.log(f); // 10 let g = undefined; let h = g ?? 10; console.log(h); // 10 null 병합 연산자(??)는 논리 연산자로 왼쪽 피연산자 값이 null이나 undefined일 때, 오른쪽 피연산자값을 반환합니다. null 병합연산자 '??'를 사용하면 짧은 문법으로 여러 피연산자 중 그 값이 '확정되어 있는' 변수를 찾을 수 있어 주로 |..