Andamiro : Web3 & DataScience

[ 3D Web : Front&Back_Type Script ] 타입스크립트 : 타입스크립트 함수 타입 공부하기.  ∇ Front & Back _ TypeScript : 타입스크립트 함수 타입 공부하기.목 차1. TS의 함수 표현 1-1 일반적인 함수 정의 1-2 Call Signature(함수 타입)2. TS의 매개변수 표현 2-1 선택적 매개변수 2-2 매개변수 초기화 2-3 나머지(rest) 매개변수 2-4 네임드 파라미터3. TS의 콜백/ 중첩 / 고차 함수 3-1 콜백 함수 3-2 중첩 함수 3-3 고차 함수4. TS의 this 표현 4-1 명시적 this5. TS의 함수-오버로딩  Ⅰ. TS의 함수 표현.    ※ TS에서 함수를 표..

[ 3D Web : Front_React.js ] React.JS : React란? ∇ React.JS :: React란 무엇일까??목 차1. 리액트의 이해.2. 리액트 특징.3. React로 SPA 개발 시 장점.  Ⅰ. 리액트의 이해.      ∇ 리액트는 자바스크립트 라이브러리로, UI를 만드는데 사용합니다.               -구조가 MVC, MVVM 인 다른 프레임워크와 달리,  오직 View만 신경쓰는 라이브러리입니다.       ∇ 리액트에서는 특정부분이 어떻게 생길지 정하는 '선언체'가 있는데 이를 '컴포넌트'라고 합니다.              - '컴포넌트' 는 다른 프레임워크에서 UI를 다룰 때 사용하는 템플릿과는 다른 개념.                        -> 템..

[ 3D Web : Front & Back_Next.JS ]  Next.JS란 무엇이고, 왜 사용하는걸까   ∇ Front & Back _ Next.JS : Next.JS란 무엇이고, 왜 사용하는걸까?목 차1. OverView2. Next.JS 탄생배경3. Next.JS가 제공하는 주요 기능.4. Next.js 사용의 단점. Ⅰ. ☆ Overview.      ※ Next.js 는 React.js를 위해 만들어낸  '오픈소스 자바스크립트 웹 프레임워크 ' 로서,        React.js에는 없는        [ 서버 사이드 렌더링(SSR) & 정적 사이트 생성(SSG) & 증분 정적 재생성(ISR) ] 등 과 같은        다양하고 풍부한 기능을 제공합니다.  ◎ 서버사이드 렌더링(SSR)을 함..

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

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

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