Andamiro : App& Web3 & DataScience

[ 3D Web : Front_JavaScript ] 변수 호이스팅 : var / let / const의 차이점 정리.    ∇ 자바스크립트에서의  var/let/const의 차이점 5가지.목 차1. 중복 선언 가능 여부2. 재할당 가능 여부3. 변수 스코프 유효범위4. 변수 호이스팅 방식5. 전역 객체 프로퍼티 여부     ☆ 변수의 생성 과정.               1. 선언 단계               2. 초기화 단계               3. 할당 단계.     1. 중복 선언 가능 여부  ◎ var : 중복해서 선언( + 초기화 ) 가능합니다.                    = > 이 경우, 마지막에 할당된 값이 변수에 저장됩니다.                 = >> 기존에 선..

[ 3D Web : Front_JavaScript ] 자스 핵심 개념 - Getter & Setter 정리.   ∇ 자바스크립트에서의 Getter & Setter목 차1. 코딩에서 Getter & Setter 개념2. JS에서 Getter & Setter 2-1 접근자 프로퍼티 2-2 Getter & Setter 주의점 2-3 Object.defineProperty  1. 코딩에서 Getter & Setter 개념        ☆ " Getter 와  Setter " 는 '객체지향프로그램(OOP)'에서 사용되는 개념이며, 일종의 메서드라고 할 수 있습니다.                  ◎ 단어 그대로,                          " Getter"는 속성(Proper..

[ 3D Web : Front_JavaScript ] 자바스크립트 문법 총 정리판. - [2]   ∇ 자바스크립트 문법 총 정리 - [2]목 차1. 화살표 함수2. 타입을 확인하자 - typeof / instanceof / Object.prototype.toString3. Call by Value & Call by Reference4. computed property5. 전개 연산자6. 비구조화(구조분해)7. 넘버 메소드8. 문자열 메소드9. 배열 메소드10. 날짜 메소드11. 객체 메소드12. setTimeout()13. Promise14. async - await15. 클로저   1. 화살표 함수       - >  ' this ' 를 가지지 않습니다.              - >  argumen..

[ 3D Web : Front_JavaScript ] 자바스크립트 문법 총 정리판. - [1]   ∇ 자바스크립트 문법 총 정리.목 차1. 자바스크립트 타입2. getter & setter 3. label 문4. var, let, const5. 타입 변환6. null, undefined, NaN, infinity7. 배열8. Call & apply & Bind9. this10. 체이닝11. 예외처리.12. 아규먼트    1. 자바스크립트 타입.       ⓐ number, string, boolean       ⓑ object( function, array, data, regexp )       ⓒ null, undefined       ⓓ Symbol   2. getter & setter     § ..

[ 3D Web : Front_JavaScript ] 자바스크립트 중요 개념 간략 모음집. ∇ 자바스크립트 중요 개념목 차1. var, let, const2. 콜백 함수, Promise와 async-await3. 스코프(Scope)4. 클로저(Closure)5. 호이스팅(Hoisting)6. 원시 타입과 참조 타입7. 화살표 함수(Arrow Function)8. " this " 에 대해서9. call, apply, bind 메서드10. 실행 컨텍스트11. " 동기 " & " 비동기 "12. ES6에 추가 도입된 문법     1. var,  let ,  const      § 자바스크립트의 변수는 기본적으로,  '선언'이 이루어지고 나서 '할당'에 의해 '초기화' 됩니다.       § var , let..

[ 3D Web : Front_JavaScript ] JavaScript의 기본 개념을 빠르게 훑어보기.   ∑ JavaScript의 기본 개념.목 차1. JavaScript의 정의.2. JavaScript의 변수(Variables)3. JavaScript의 함수(Function)4. 생소한 수학 표현 정리5. 독특한 비교 연산자6. JavaScript의 배열(Array)   1. JavaScript의 정의.      웹 페이지의 구조를 정의하고 꾸미는 것은 HTML과 CSS 라는 것을 포스팅했었습니다.       그렇지만, HTML만 있다고 해서 웹페이지가 구동되지는 않습니다(상호작용 기능이 없는 단순한 페이지일뿐)       "JavaScript라는 언어는 웹 페이지와 상호작용 할 수 있도록 만들어..

[ 3D Web : Front_JavaScript ] JavaScript - 자스의 동작원리. ∇ 자바스크립트의 동작원리목 차1. 자바스크립트의 동작 구조.2. 자바스크립트는 무슨 스레드 구조인가 (싱글?멀티?)3. 자바스크립트가 비동기 작업을 수행하는 방법은?4. Call Stack이 비어있어야 하는 이유는   1. 자바스크립트의 동작 구조.        - 자바스크립트를 동작시키기 위해서는 " 자바스크립트 엔진 "이 필요합니다.         - 자바스크립트 엔진은 V8, Rhino, SpiderMonkey 등 다양하게 있지만,             이 중에서 가장 대표적인 예는 Google에서 제작한 V8엔진입니다.              -V8엔진은 두 가지 구성요소로 구성됩니다.        ..

[ 3D Web : Front_JavaScript ] 자바스크립트 개요.   ∇ 자바스크립트 개요목 차1. 자바스크립트란2. 자바스크립트 작성 방법3. 자바스크립트 활용 방안들4. 자바스크립트와 HTML의 차이점  1. 자바스크립트란자바스크립트는 HTML 위에서 동작하는 언어이며HTML의 특징인 단순 텍스트 위주의 정적인 웹 페이지의 제한적인 기능을 해결하기 위해서 만들어진 동적인 언어입니다. 자바스크립트는 웹에서 이용할 수 있도록 만들어진 스크립트언어로, 자바스크립트로 작성된 웹 문서는클라이언트에 그대로 전송되기 때문에 사용자가 페이지에 있는 버튼을 마우스로 클릭하거나 키보드를 입력하는 것과 같은 이벤트 처리작업을 즉시 처리할 수 있습니다. 자바스크립트는 인터프리터 언어이므로 컴파일과 같은 특수한 개..

[ 3D Web : Front_JavaScript ] 자바스크립트 기초 개념.   ∇ 자바스크립트 기초 문법들.목 차1. 주석2. 스타일 가이드3. 예약어4. 변수와 상수5. 변수 선언 및 할당6. 데이터 타입   1. 주석   - 자바스크립트에서는 코드 내에 주석을 추가하여 코드를 설명하거나,     코드 실행 주에 무시되어야 하는 부분을 가릴 수 있습니다.     - 주석은 코드를 읽기 쉽게 만들어주며, 코드 유지보수에 유용합니다. 한 줄 주석// 이 줄은 주석입니다. 실행되지 않습니다.console.log('실행됩니다.'); // 이 줄은 실행되며, 콘솔에 '실행됩니다.'가 출력됩니다. 여러 줄 주석/*여러 줄의 주석입니다.이 줄은 실행되지 않습니다.*/console.log('실행됩니다.'); /..