doeunn.log

🚀 쿠키와 세션... 들어본 거는 같은데 언제 주로 사용 ? HTTP 통신은 요청(Request) → 응답(Response)이 종료되면 stateless(상태가 유지되지 않은)한 특징 때문에 연결을 끊는 처리 방식입니다. 로그인 이후에 , '누가' 의 상태를 기억하기 위해 쿠키, 세션, 토큰을 사용합니다. Connectionless 프로토콜(비연결 지향) 클라이언트가 서버에 요청을 했을 때, 요청에 맞는 응답을 보낸 후 연결을 끊는 처리방식이다. Stateless 프로토콜(상태정보 유지 안 함) 클라이언트의 상태 정보를 가지지 않는 서버 처리 방식이다. 클라이언트와 첫 번째 통신에 데이터를 주고 받았다 해도, 두번째 통신에 이전 데이터를 유지하지 않는다. 로그인 이후에 예를 들어 회원정보를 수정하는 요청..

🚀 Arrays.fill() 이번에는 배열을 같은 값으로 채우는 fill() 함수에 대해 알아보겠습니다. arr.fill(value, start?, end?) 🚀 fill() 함수 배열의 start index부터 end index 전까지 value값으로 채워주는 함수입니다. 🚀 파라미터 value 배열에 채울 값을 지정합니다. start value 값을 채울 배열의 시작 index입니다. 입력하지 않으면 기본값은 0입니다. end value 값을 채울 배열의 종료 index입니다. 입력하지 않으면 기본값은 배열의 길이(arr.length)입니다. ➕ 리턴값 지정한 값으로 채워진 배열을 리턴합니다. 🚀 예제1 const arr1 = ['a', 'b', 'c', 'd']; arr1.fill('A'); // ..

🔎 ES6 이전의 데이터 타입 ES5까지 자바스크립트에서 가지고 있던 데이터타입은 Number, String, Boolean, undefined, null, object 정도였고 Symbol이란 데이터 타입은 존재하지 않았습니다. 🔎 ES6+의 데이터 타입 그러나 ES6+에서 Symbol과 BigInt라는 데이터 타입이 등장했습니다. 🔎 Symbol 심볼(Symbol) 데이터 타입은 원시 데이터 형의 일종으로 symbol() 함수는 심볼(symbol) 형식의 값을 반환하는데 반환되는 모든 심볼 값은 고유하다. 심볼은 주로 이름의 충돌 위험이 없는 유일한 객체의 프로퍼티 키(property key)를 만들기 위해 사용한다. ❓ 심볼 사용하기 const symbol = Symbol(); const hello..

▶자바스크립트 전개연산자(Spread Operator) 오늘은 전개 연산자에 대해 정리해보려고 합니다. 🔎 전개 연산자(Spread Operator) ? 전개 연산자는 배열 또는 객체를 하나하나 넘기는 용도로 사용이 되는데요. 다음 예제 코드를 통해 알아보도록 하겠습니다. const arr = [1, 2, 3]; let test_arr1 = [4, 5, 6]; let test_arr2 = [4, 5, 6]; test_arr1.push(arr); console.log(test_arr1); // [ 4, 5, 6, [ 1, 2, 3 ] ] test_arr2.push(...arr); console.log(test_arr2); // [ 4, 5, 6, 1, 2, 3 ] push를 이용할 때 전개 연산자를 사용하..

▶자바스크립트 숫자를 문자로 변환하는 방법 1. toString() const num1 = 150; const str1 = num1.toString(); // '150' const str2 = (250).toString(); // '250' 2. String() const num1 = 133; const str1 = STring(num2); // '133' const str2 = String(122); // '122' 3. Template String(템플릿 문자열) const num1 = 55; const str1 = `${num1}`; // '55' 4. 빈 문자열 이어붙이기 const str1 = 123 + ''; console.log(str1); // '123'

▶배열의 맨 앞에 추가/삭제 - shift(), unshift() 🔎 shift : 배열 맨 앞의 값 삭제 / unshft(값) : 배열 맨 앞에 값 추가 📌 array.shift() → array배열의 맨 앞이 삭제 let array = ['a', 'b', 'c', 'd', 'e']; array.shift(); // 'a'를 리턴 console.log(array); // ['b', 'c', 'd', 'e'] 📌 array.unshift(item) → array배열의 맨 앞에 추가 let array = ['a', 'b', 'c', 'd', 'e']; array.unshift('hello'); // 6을 리턴 console.log(array); // ['hello', 'a', 'b', 'c', 'd', '..