[JavaScript] Rest 매개변수와 Spread 매개변수의 차이
·
프로그래밍 언어/JavaScript
Rest 파라미터 (...)여러 개의 값을 " 하나의 배열" 로 모을 때 사용,함수 매개변수에서만 사용할 수 있다.Rest 파라미터는 함수 인자 선언 앞에 ... 을 붙여서 정의하는 문법이고, 배열로 넣어집니다!!function restData(...rest) { console.log(rest); // [1, 2, 3, 4, 5]}restData(1,2,3,4,5); 이런식으로, `...rest` 가 파라미터 자리에 있으니까 들어온 값들을 전부 하나의 배열로 묶어줌 Spread 문법 (...)배열이나 객체의 요소를 "펼칠 때" 사용함수 호출, 배열 리터럴, 객체 리터럴 등에 사용 가능 ( 함수, 배열, 객체 )let spreadArray = [ 1, 2, 3 ];console.log(...spreadAr..
[JavaScript] DOM 요소에 대하여,,2
·
프로그래밍 언어/JavaScript
요소를 생성하는 방법 1. `document.createElement()` + `createTextNode()`HTML 요소를 직접 생성텍스트 노드는 `document.createTextNode()` 로 생성 후 추가속성도 직접 추가해야 함.appendChild를 사용해서 노드만 추가할 수있게 해봄// 1. 요소 생성let div = document.createElement('div');// 2. 텍스트 노드 생성let textNode = document.createTextNode('안녕하세요.');// 3. 텍스트 노드를 에 추가div.appendChild(textNode);// 4. 에 추가 (화면에 표시)document.body.appendChild(div); 2. `innerHTML` 을 사용해..
[JavaScript] DOM 요소에 대하여,,
·
프로그래밍 언어/JavaScript
DOM 이란 무엇일까요?? DOM은 Document Object Model의 약자로 , 문서, 객체 모델이라고 직역할 수 있습니다.  1. 문서 객체란 HTML 문서의 각 요소 (`` , `` 등)를 JavaScript가 조작할 수 있도록 객체 형태로 표현한 것 2.  Model은말 그대로, 모형, 방법,,, 이라는 의미로 해석되는데 붙여서 JavaScript가 문서 객체를 인식하고 조작하는 방식을 의미한다고 해석 할 수 있다.  3. 즉, DOM은 HTML 문서를 구조화된 형태인 트리 구조로 표현하며,프로그래밍 언어(JS) 가 DOM(문서 객체 구조) 에 접근할 수 있는 방법을 제공합니다.그리고 그것을 통해 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다... 라고 말할 수 있겠습니다.  DOM..
[JavaScript] 클래스
·
프로그래밍 언어/JavaScript
JavaScript 에서 객체를 생성하는 방법은 두 가지가 존재한다!  1. 객체 리터럴 방식 ( `{ }` 사용 )2. `class` 를 사용한 방식 1. 객체 리터럴 방식let studentA = { name: "홍길동", grade: "A+", age: 27, study() { console.log("열심히 공부 함"); }, introduce() { console.log("안녕하세요!"); },}; 이렇게 해서 객체를 만들어 줄 수있지만 , 재사용성이 떨어짐.. 2. `class`를 이용한 객체 생성class Student { // 필드 (속성) name; grade; age; // 생성자 (객체가 생성될 때 자동 실행) constructor(name, grade..
[JavaScript] 변수와 상수 그리고 자료형...
·
프로그래밍 언어/JavaScript
변수와 상수 변수(variable) 란?직역하면 변하는 수, 프로그래밍에서는 데이터를 저장하는 상자 라고 생각하면 쉬울 것 같다. 변수를 사용하려면 우선 변수를 [선언(declaration)] 해야한다. 그 후에 선언된 변수를 [할당(assignment)] 시켜야한다. 변수 선언은 컴퓨터에게 나 여기(변수)에 데이터 저장할거야 인지해 라는 과정이 될 수있고할당은 "여기" 에 데이터를 넣어주는 과정이라고 할 수 있다.  즉 메모리 공간을 확보하고, 코드의 가독성과 유지보수를 향상시키기 위해 변수 선언 및 할당을 한다는 소리다. let korea;이렇게.. 상수(constant) 란?말 그대로 변하지 않는 값 을 의미한다. 즉, 프로그램 실행 중에 값이 고정되어 변경되지 않는 것을 상수 라고 합니다.ex) ..
[JavaScript] 는 무슨 역할을 하는 언어일까?
·
프로그래밍 언어/JavaScript
나는 현재 JavaScript를 학습하고 있는데 학습 목적은 웹 개발을 하기 위해 학습하고 있다. 웹 개발뿐만 아니라 JavaScript는 서버 개발 (Node.js)  데스크톱 애플리케이션, 모바일 애플리케이션, 기타 등등 다양한 분야로도 사용되고 있다. JavaScript의 주요 역할과 특징 1. 동적 동작 구현예를 들어, 버튼을 클릭했을 때 팝업을 띄우거나, 페이지 콘텐츠를 실시간으로 업데이트하거나, 애니메이션 효과를 구현하는 것들을 얘기한다. 웹을 움직이게 하는 근육 같은 존재라고 할 수 있겠다. 2. 브라우저와 사용자 간 상호작용 지원html과 css와 함께 웹 개발 핵심 기술로 사용자와 상호작용을 담당한다. 3. 다양한 플랫폼에서의 활용Node.js를 통해 서버 개발에 사용된다. React N..