Andamiro : App& Web3 & DataScience

[ 백엔드 공부하기 : Node.js ] Node.js는 서버단에서 어떻게 JS를 실행할까  ∇백엔드_NodeJS : NodeJS는 서버쪽에서 어떻게 돌아갈까??목 차1. Node.js의 구성요소.2. JS 실행을 위한 V8엔진3. libuv : 이벤트 루프와 운영체제단 비동기 API 및 스레드풀을 지원.4. Node.JS 아키텍쳐  Ⅰ. Node.js의 구성요소.              ※ Node.js의 소스코드는 C++와 JS, 파이썬 등으로 이우어져 있습니다.                 [ 파이썬 코드는 빌드와 테스트에서만 사용된다고 합니다. ]           ◎ Node.js는 각 계층이 각 하단에 있는 API를 사용하는 계층의 집합으로 설계되어 있습니다.                  ..

[ 3D Web : Front_React.js ] React 개념공부 1 : JSX & 컴포넌트 & prop & state   ∇ React 개념 공부 1 : JSX & 컴포넌트 & prop & state목 차1. React의 컨셉개념 정리.2. JSX란3. 컴포넌트란4. prop & state   Ⅰ. React의 컨셉 개념 정리.㉠. 리엑트의 특징.㉡. CSR vs SSR㉢. 리엑트가 하는 일.       ◎ React Concept         ※ React는 현재 현업에서 인기 있는 웹/앱(RN)의 View(UI)를 개발할 수 있도록 하는 JS-라이브러리입니다.                 § 보통 프로덕트(웹, 앱 혹은 테스크톱용 소프트웨어)을 만들기 위해서는                  ..

[ 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 '  와 '단일 스레드 이벤트 루프 ' 를 통한 높은 처리 성능을 가지고 있습니다.       ..

[ C.S 지식 정리 : 자료 구조 ]  배열(Array)  & 연결-리스트(LinkedList)  ∇ 자료 구조 : Array  &  LinkedList목 차1. 배열(Array)2. 연결 - 리스트(Linked List)3. 배열과 연결-리스트 비교4. 코드 : 연결 리스트 순회/삽입/삭제 코드 구현5. ++ 이중 연결 리스트 ( Double Linked List )6. ++ 원형 연결 리스트 ( Circular Linked List ) Ⅰ. 배열 ( Array )         ● '배열'은 입력된 데이터들이 메모리 공간에서 연속적으로 저장되어 있는 자료구조입니다.          ● 메모리 상에서 연속적으로 저장되어 있는 특징을 가지기 때문에,  index를 통한 접근이 용이.          ..

[ C.S 지식 정리 : 자료 구조 ] 알고리즘 공부 하기 전 필요한, 자료구조 기초 지식들.  ∇ 알고리즘을 위한, 자료구조 기초 지식.목 차1. 자료구조란??2. 자료구조 분류    Ⅰ. 자료구조란?     - 데이터 값의 모임, 각 원소들이 논리적으로 정의된 규칙에 의해 나열되며,         자료에 대한 처리를 효율적으로 수행가능하도록  자료를 구분해 표현한 것. !        ∇ ex) 책장으로 본 자료구조 배치.                              ○ 1번  :  책장의 모든 공간을 사용 가능하지만,                               처음 책(자료)을 배치한 후에,                              추후에 새로운 책(자료)을 추가할 때..

[ 앱 개발자 도전기 : 안드로이드 ]  안드로이드 앱 개발의 특징 정리해보기.  ∇ 안드로이드 앱 개발의 특징. 목 차 1. 컴포넌트 기반의 개발 진행. 2. 리소스를 활용한 개발.  Ⅰ. 컴포넌트 기반의 개발 진행.   ★ 안드로이드 앱 개발의 핵심  ===  "컴포넌트 (component) "           ◎ [ 컴포넌트(component) 는 애플리케이션의 구성 요소 ! ]                    ● " 컴포넌트 " ==  안드로이드 앱 이외에도,  여러 애플리케이션을 개발할 때 사용하는 개념.                    ● " 컴포넌트 "를 한마디로 정의하면,  " 애플리케이션의 구성 요소 " 라고 할 수 있습니다.                  ..