let selection = window.getSelection(); // 선택 영역 변수로 선언let content = "";// 선택된 영역이 존재한다면if (selection.rangeCount > 0) { let range = selection.getRangeAt(0); // 선택된 영역 중 첫 번째 영역을 가져옴 let selectedContent = range.cloneContents(); // 선택된 내용을 복제(clone)하여 새로운 DocumentFragment로 만듦 let div = document.createElement('div'); // 임시 div 요소를 생성 div.appendChild(selectedContent); // 복제된 내용을 임시 div 요소..

1. 조건문(conditional statements) - 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문으로 가장 기본이 되는 실행문은 if문이다. * if문 * if / else 문 * if / else if / else 문 * switch 문 - if문은 주어진 표현식이 true일떄는 실행하며 false일떄는 아무 동작도 하지않는다. var x = 10, y=20; if(x == y){ console.log("x와 y는 같은 숫자이다."); } if(x y) console.log("x가 y보다 크다"); - else문은 위와 비슷하지..

[연산자] 1. 산술연산자(arithmetic operator) - 산술 연산자는 우리가 잘 알고있는 사칙연산을 다루는 기본적인 연산자이다. - 두 개의 피 연산자를 가지는 이항 연산자이며, 언제나 결합 방향은 왼쪽에서 오른쪽이다. var x = 10, y=4; console.log(x+y); // 14 console.log(x-y); // 6 console.log(x*y); // 10 console.log(x/y); // 2.5 console.log(x%y); // 2 * 참고할것 2. 대입연산자(assignment operator) - 변수에 값을 대입할때 사용하는 이항 연산자이다. - 결합 방향은 산술연산자와 반대로 오른쪽에서 왼쪽이다. var x=10, y=10, z=10; x = x - 5; /..

1. 기본 타입 - Data Type이란 프로그램엑서 다를 수 있는 값으 종류를 의미한다. - 자바스크립트의 타입은 다른 언어와 다르게 원시 타입(primitive type)과 객체 타입으로 구분된다. - 원시 타입은 # 숫자 (number) # 문자열 (String) # 블린 (boolean) # 심볼 (sysmbol) # undefined - 객체 타입은 # 객체 (Object) 자바스크립트는 다른 언어와 다르게 정수(Int) 실수(double,long)을 따로 구분하지 않고, 모든 숫자를 하나로만 표현한다. var num1 = 10; var num2 = 10.0; 다른언어에서는 ""는 문자열 ''은 문자라고 표현하지만 자바스크립트에서는 그러한 구별없이 표현된다. 하지만 문자열안에 따음표를 또 적으려..

[JavaScript 시작] 1. javaScript의 특징 - 객체(Object)기반의 스크립트 언어이다. - 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어이다. 그 예시를 들면 String str = "안녕하세요 이건 다른 언어에서 선언해야 하는 문법이에요" var str2 = "JS에서 String 타입 명시를 하지 않은 변수입니다." - 객체 지향, 함수형 프로그래밍을 모두 표현 가능하다. 2. JavaScript 소개 - HTML의 "내용" 변경 가능 변경되는 p태그 값 입니다. // 변경할 태그의 id값 지정 - HTML의 "속성" 변경 가능 - HTML의 "스타일" 변경 가능 변경되는 p태그 값 입니다. // 변경할 태그의 id값 지정 3. 문법 - 실행문은 ;(세미콜론) 으로 구분된..

[Prototype] 1. JavaScript의 특징 - 객체지향 언어 - OOP로 분류되지만 Class 개념이 존재하지 않는다. - 프로토타입 기반 언어 (Class 대신 사용) # class 비슷하게 만들어보기 function Person(){ this.name = "KJH"; this.age = 27; } var kim = new Person(); // Person 변수 가져오기 var park = new Person(); console.log(kim.name); // KJH console.log(kim.age); // 27 console.log(park.name); // KJH console.log(park.age); // 27 # 이렇게 만든 kim, park 객체는 name과 age를 공통적으..

[동기]{실행 순서가 확실한 것 (발생하는 하나의 이벤트가 모두 끝날 떄까지 다른 이벤트를 처리하지 못하고 이벤트가 모두 완료 된 후 다음 이벤트를 동작) } 1. Single Thread(단일 스레드), Synchronus(동기) 2. Memory Heap - 변수와 객체의 메모리 할당을 담당하는 곳 3. Call Stack - 함수가 호출이 되면 쌓이는 곳 - LIFO(Last In Frist Out) 구조 [비동기]{연속적으로 발생하는 이벤트를담은 후 완료되는 순서대로 일을 처리하는 실행 순서가 확실하지 않은 것} * 비동기를 사용해야 하는 이유 * function first(){ console.log(1); } function second(){ console.log(2); } first(); se..

[for] 1.일반적인 반복문 for(var i=1; i console.log(arr_result)); //forEach를 사용하여 arr_result라는 변수에 arr의 갯수만큼 저장하여 반복시키면서 arr_result 출력

[자료형] * script 표준은 다음 7개의 자료형을 정의한다. 1. Boolean - True False를 구별하는 논리적인 요소를 표현한다. 2. Null - 어떤 값이 비어있다는 것을 표현한다. 3. Undefined - 변수 선언을 할 때 값을 설정해주지 않으면 undefined를 가진다. 4. Number - 다른 언어와는 다르게 정수,실수,소수점 상관없이 모든 종류의 숫자 타입을 표현한다. 5. String - immutable(불변)값으로 문자열,문자를 나타낸다. 6. Symbol - 원시 데이터형(primitive data type)의 일종으로 심볼을 설정하려면 선택적(Optional) 문자열과 함께 Symbol()을 쓴다. - var symbol1 = Symbol(); - var sym..

[개념] - 함수 안에 있는 선언들을 모두 올려서 해당 함수 유효 범위의 최상단에 선언하는 것으 말한다. [변수선언] * var(function scope) var a; // 변수 a를 선언 "undefined" 저장 var b =0; //선언 후 초기화 var str = "Hellow"; // 문자열도 가능 name = "Hellow World" //선언되지 않은 변수는 전역변수 var은 선언된 함수 내에서 사용가능 * let - 선언은 var과 동일하지만 다른점은 블록{} 내에서만 사용가능. * const - 블록 범위의 상수 선언(값 변경 불가) - 재선언시 초기화를 해야한다. {호이스팅이란} * JavaScript는 실행되기 전에 함수 안에 필요한 변수값들을 모두 모아서 유효 범위의 최상단에 선언..