Andamiro : App& Web3 & DataScience

[ 3D Web : Front&Back_Type Script ] 타입스크립트 트랜스파일링 설정 : ' tsconfig ' 의 옵션 총 정리.   ∇ 타입스크립트's 트랜스파일링(컴파일) 설정 : tsconfig 옵션목 차1. 타입스크립트 컴파일 설정. 1-1. tsconfig 생성 1-2. tsconfig 전역 속성 2. compilerOptions 옵션 설명 2-1. Language and Environment 옵션 2-2. Modules 옵션 2-3. interop Constraints 옵션 2-4. JavaScript Support 옵션 2-5. Emit 옵션 2-6. Type Checking 옵션. 2-7. completeness 옵션.  Ⅰ..

[ 3D Web : Front&Back_Type Script ] 타입스크립트 : 트랜스파일링이란  ∇ 타입스크립트 : 트랜스파일링목 차1. 타입스크립트란?2. 타입스크립트 트랜스파일링은 왜 필요할까?   Ⅰ. 타입스크립트란?        ∇  TS는 JS의 슈퍼셋이다?                              - JS와 TS의 차이점을 찾다 보면, 꼭 나오는 말 :   "  TS는 JS의 슈퍼셋(Superset)  "                    ☆ "슈퍼셋"의 의미는??                       ::  "확대집합"   &  "상위집합"        ∇  어떤 기능을 더 가지고 있을까??1. 엄격한 타입 정의2. 인터페이스3. null/undefined-safe4. 범용적..

[ 3D Web : Front&Back_Type Script ] 타입스크립트의 정의*동작원리*특징 ∇ 타입스크립트 :  정의  * 동작원리 * 특징목 차1. 타입스크립트(TypeScript)란?2. 타입스크립트(TypeScript) 동작 과정. 2-1. 타입스크립트 동작 과정 및 요약 2-2. 타입스크립트 동작 과정에 대한 기타 참고사항 3. 타입스크립트 특징 3-1. 타입스크립트는 컴파일 언어이자, 정적인 타입(static Type)입니다. 3-2. 객체지향 프로그래밍을 지원합니다 3-3. 자바스크립틔 슈퍼셋  Ⅰ. 타입스크립트(TypeScript)란?💡 Microsoft에서 개발하고 유지/관리 되는 Apache 라이센스가 부여된 오픈 소스이다.💡 타입스크립트..

[ 3D Web : Front_JavaScript ] 자바스크립트 label(레이블) 과 흐름제어. ∇ 자바스크립트 : Label(레이블) & 흐름제어.목 차1. 자바스크립트 언어를 구성하고 있는 요소들.2. 흐름제어와 레코드3. 레이블(Lael)4. 레이블의 특징5. if문 & else if6. Optional(선택) & Mandatory(필수)7. 스위치(Switch)8. 런타임 스위치.         ※ 자바스크립트 엔진의 구동              브라우저가 HTML 문서를 파싱하여, 각각의 DOM 엘리머트로 변환                  ===               자바스크립트 엔진은 JS문법으로 작성된 단순 텍스트 파일을 파싱하고 메모리에 적재한 후 실행 !    Ⅰ. 자..

[ 3D Web : Front&Back_Type Script ] Type Script의 개념 및 기초  ∇ TypeScript의 개념 및 기초.목 차1. TypeScript의 개념과 등장배경2. TS === "컴파일언어"3. TypeScript는 JavaScript의 슈퍼셋4. 타입 : 튜플 & 객체5. Any타입6. 함수 타입 지정7. 유니온 타입 & 인터섹션 타입.  Ⅰ. TypeScript의 개념과 등장배경. ◎ JS(JavaScript) 기반에서 고정된 타입( "정적타입" ) 문법을 추가한 컴파일 언어.                ＠ 타입을 자유자재로 바꿀 수 있는 JS에서 타입을 자유자재로 변경하지 못하도록,                  타입을 고정시킨 언어가 바로 타입스크립트입니다.   ..

[ 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 ] 자스 핵심 개념 - 데이터 타입 ( Data Type )     ∇ 자바스크립트에서의 데이터 타입(자료형)목 차1. 기본 타입2. 참조 타입  자바스크립에서의 자료형(Data Type)이란, 프로그래밍 언어로 조작할 수 있는 값의 유형을 말합니다.총 8가지 자료형이 존재하며, 자바스크립에서의 타입은 크게 기본 타입과 참조 타입으로 구분 가능합니다. 7가지 기본 타입(원시 타입)과 1가지의 참조 타입으로 구분합니다.  1. 기본 타입 (Primitive Type) = 원시값  ※ 원시 타입은 값이 생성된 후에 그 값을 변경 할 수 없습니다.          값을 복사하여 전달하는 pass by value 방식입니다.            ◎ 각 타입마다..

[ Front_End  ] Front 면접 대비 Mark-Up & JS 정리 - [1]   ∇ Front 면접 대비 - [1]목 차1. HTML & CSS2. JavaScript  1. HTML & CSS  1. px, em, rem의 차이.        - px : 절대 단위로, 화면 크기나 부모 요소의 변경에 상관없이 고정된 크기를 유지합니다.                    주로 border 값에 사용됩니다.        - em : 상대 단위로,  부모 요소의 'font-size' 등을 기준으로 크기가 결정됩니다.                    예를 들어 font-size가 48px일때, 자식의 font-size가 1em이면 48px이 됩니다.        - rem : 상대 단위로, 루..

[ 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     § ..