reference page/Script 검색 결과

해당 글 3건

배열을 활용하는 ES6 기술

실제 프로젝트에서 배열을 활용하는 일이 많은데,몇년전까지만 해도 for 문을 이용해서 데이터를 추출하고, 새로 만들기도 했습니다. ES6(ECMAScript 2005) 가 나오고 나서부터 새로운 표현방법들을 통해서 for 문을 대체하고 있는데,중요한 기술들을 Gemini 가 설명해주는걸로 정리해보려고 한다. 1. 화살표 함수(Arrow Functions)화살표 함수는 함수 표현식을 간결하게 만들어줍니다. 특히 배열의 map, filter, reduce 메서드와 함께 사용할 때 유용합니다.const numbers = [1, 2, 3, 4, 5];// 기존 방식const squaredNumbers = numbers.map(function(num) { return num * num;});// 화살표 함수 사..
reference page/Script 2025. 3. 13. 23:20

script 에서 import 시 { } 로 싸는 경우와 아닌 경우에 대해서

예를 들어서import TodoItem from "../model/TodoItem";import { data } from "../data";import { Commands } from "../model/Commands"; 이런 경우가 있을 때 'TodoItem' 는 일반적인 string 으로 작성하는데,아래에 있는 { data }, { Commands } 는 { } 로 되어 있는 경우가 있다. 이 차이점에 대해서 Gemini 에게 물어보았다. 1. import { ... } from '...' (Named Imports)이 방식은 모듈에서 특정 이름으로 내보낸(exported) 식별자(변수, 함수, 클래스 등)를 선택적으로 가져올 때 사용합니다.모듈에서 여러 개의 식별자를 내보낼 수 있으며, 필요한 것만..
reference page/Script 2025. 2. 26. 17:35

객체 분해 할당(Destructuring assignment)

객체 분해 할당에 대해서 공부하던 중에 Gemini 에게 물어보고 받은 답변입니다.  객체 분해 할당(Destructuring assignment)은 객체나 배열의 속성을 개별 변수에 쉽게 할당할 수 있도록 하는 JavaScript의 강력한 기능입니다. 복잡한 객체에서 필요한 값만 추출하여 사용하는 코드를 간결하고 가독성 좋게 만들어줍니다.  1. 객체 분해 할당 기본 사용법 const person = { name: '홍길동', age: 30, job: '개발자',};// 객체 분해 할당const { name, age, job } = person;console.log(name); // 출력: 홍길동console.log(age); // 출력: 30console.log(job); // 출력: 개발자co..
reference page/Script 2025. 2. 26. 17:10