Andamiro : Web3 & DataScience

[ 3D Web : Front_React.js ]  React의  동작원리 정리.   ∇ Front_React : React의 동작원리.목 차1. React란?2. 돔(DOM)이란?3. 가상돔(Virtual DOM)이란?3. React의 생명주기.  Ⅰ. React란?        ☆ React는 사용자 인터페이스를 구축하기 위한, 선언적이고 효율적이며 유연한 JS라이브러리입니다.             "컴포넌트"라고 불리는 코드블록*파편을 이용하여 복잡한 UI를 구성하도록 돕습니다.                ◇ React는 사용자 인터페이스를 구축하기 위한 JavaScript 라이브러리.              ◇ UI를 구성하는 컴포넌트 기반의 개발을 지원합니다.              ◇ Rea..

[ 3D Web : Front_React.js ] React란 무엇인가? ∇ FrontEnd_React : React.js란 무엇인가??목 차1. React란.2. React의 특징.  Ⅰ . React란?  ☆ React란  :  UI [사용자 인터페이스]를 구축하기 위한 선언적*효율적이며 유연한 JavaScript 라이브러리.           ==>> ◎ "컴포넌트"라고 불리는 코드블록을 활용해, 복잡한 UI를 구성하도록 돕습니다.         ◆  React를 사용하는 이유는 무엇일까?              √ 순수 JS만을 사용하여 화면을 구현하려면 관리가 힘들고,                    프로덕트의 규모가 커질수록 성능 저하의 원인이 될 수 있습니다.               √..

[ 3D Web : Front&Back_Type Script ] 타입스크립트 : 타입 선언의 종류들 정리하기.  ∇ 타입스크립트 : '타입 선언' 정리하기.목 차1. 타입 : Boolean2. 타입 : Number3. 타입 : String4. 타입 : Array5. 타입 : Tuple6. 타입 : Enum7. 타입 : Object8. 타입 : Any9. 타입 : Unknown10. 타입 : Null // Undefined11. 타입 : Never12. 타입 : Void13. 타입 : Literal14. 타입 : Union15. 타입 : Intersection16. 타입 : Type Alias17. 타입 : Interface18. 타입 : Generic19. 타입간 대입 가능한 표.    Ⅰ. 타입 : ..

[ 3D Web : Front&Back_Type Script ] 타입스크립트의 타입 선언    ∇ 타입스크립트 : 타입 선언.목 차1. 타입의 기본2. 타입 선언법.  Ⅰ. 타입의 기본.       Ⅰ - 1. 타입 지정.              : "타입스크립트"는 일반 변수, 매개변수, 객체 속성 등에    "   : TYPE   "  과 같은 형태로 타입 지정 가능합니다.let a: string = 'text'; // 문자열let b: number = 0; // 숫자형let c: boolean = true; // 논리형let d: any = true; // 어떤 타입이 올지 모를 때let e: string | number = '0'; // 문자열이나 숫자가 올 때        Ⅰ - 2. 타입 에..

[ 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문법으로 작성된 단순 텍스트 파일을 파싱하고 메모리에 적재한 후 실행 !    Ⅰ. 자..

[ 백엔드 공부하기 : Node.js ] Node의 역할.  ∇ Node.js의 역할.목 차1. 노드 Introduction2. 노드 역할3. 노드 서버의 장단점.  Ⅰ . 노드(Node.js) Introduction. ◎ "Node.js" 는   '크롬 V8  자바스크립트 엔진' 으로 빌드된 자바스크립트  "런타임 환경(Runtime Environment)"으로              "서버-사이드-애플리케이션 개발"에 사용되는 소프트웨어 플랫폼입니다.       § Node.js 는 브라우저 외부 환경에서 자바스크립트 애플리케이션 개발에 사용되며,            이 작업에 필요한 "모듈", "파일 시스템" , "HTTP"  등등   'Build-in API'를 제공합니다.       ○ Nod..

[ 백엔드 공부하기 : Node.js ] Node.js의 기초 정리.   ∇ Node.js 기초 정리.목 차1. Node.js란2. Node.js의 구조.  Ⅰ. Node.js란?      ☆ "비동기 이벤트 주도" 기반의 JavaScript 런타임.            ● " JavaScript " 를 서버측면에서도 사용가능하도록 만든 프로그램.            ●  " V8 " 이라는 "JavaScript" 엔진 위에서 동작하는 자바슼릡트 런타임(환경) 입니다.            ●  서버사이드 스크립트 언어가 아닌, 프로그램(환경)입니다.            ●  ' Non-blocking I/O '  와 '단일 스레드 이벤트 루프 ' 를 통한 높은 처리 성능을 가지고 있습니다.       ..