Andamiro : Web3 & DataScience

[ C.S 지식 정리 : 자료 구조 ] 자료구조 & 알고리즘의 정의.  ∇ CS지식 정리 _ 자료구조 : 자료구조 & 알고리즘의 정의.목 차1. 자료구조란?2. 효율적으로 데이터를 관리하는 예3. 알고리즘이란?4. 자료구조와 알고리즘이 중요한 이유   Ⅰ. 자료구조란?     ◎ '자료구조' == '데이터구조' == Data Structure           ● 대량의 데이터를 효율적으로 관리할 수 있는 데이터의 구조를 의미합니다.          ● 코드상에서 효율적으로 데이터를 처리하기 위해서,  데이터 특성에 따라 체계적으로 데이터를 구조화해야 합니다.               ==>> 어떤 데이터 구조를 사용하느냐에 따라서, 코드 효율이 달라집니다.       ◎ '자료구조' 란, 컴퓨터 과학..

[ 백엔드 공부하기 : Nest.js ] NestJS의 특징과 아키텍쳐 구조.   ∇ BackEnd_NestJS : NestJS 특징 & 아키텍쳐.목 차1. NestJS의 주요 특징.2. 다른 NodeJS 프레임워크와의 비교.3. NestJS 아키텍쳐 핵심 요소.4. 프로그래밍 패러다임의 통합.5. 의존성 주입(DI)6. 모듈 시스템7. Best Practices와 주의사항.   Ⅰ. NestJS의 주요 특징.       1. 강력한 타입 시스템 : TypeScript를 기본으로 사용하여 개발 시 타입 안전성을 제공합니다.      2. 모듈화 아키텍처 : 애플리케이션을 기능별로 모듈화하여 구조화할 수 있습니다.      3. 의존성 주입 : 내장된 IOC(Inversion of COntrol) 컨테이..

[ 백엔드 공부하기 : Nest.js ] NestJS를 본격적으로 공부하기 전에  ∇ BackEnd_NestJS : NestJS 공부 전 손풀기.목 차1. 웹 프레임워크2. NodeJS3. 이벤트 루프4. 패키지 의존성 관리5. TypeScript   Ⅰ. 웹 프레임워크.  ▣ 웹 프레임워크의 등장 배경. 예전에는 웹 페이지에서 구동되는 애플리케이션이 모두 SSR(서버 사이드 렌더링) 방식으로 동작했습니다.서버는 요청을 처리하고, 웹 브라우저가 그려야 할 HTML과 자바스크립트를 응답으로 전송했습니다. 브라우저는 서버에서 전달된 코드를 화면에 표시하기만 하면 되었죠.물론, 이후 동적으로 구성되는 부분은 함께 전달된 자바스크립트를 파싱하여 화면을 구성했습니다. 하지만 시간이 지남에 따라 웹 기술은 점점 ..

[ DB & SQL(RDBMS, NoSQL) ]  데이터 베이스 공부 : DB 기초.  ∇ DB & SQL_데이터 베이스 공부 : DB 기초 핵심.목 차1. 개요.2. DBMS3. 관계형 데이터 모델.4. SQL 개요.   Ⅰ. 개요.  ◎ Database 란.  :: 여러 응용프로그램 또는 유저들이 공유 * 이용 할 수 있도록 체계적으로 통합&저장 한 데이터들의 집합.       == 데이터들을 저장하고 조회하는 프로그램.           ＠ '데이터베이스(DB)' 는 단순한 저장소를 넘어서 데이터 중복이 있을 경우,                    이를 통합하여서 구조적이고 효율적으로 데이터를 저장합니다.         1 ) 데이터베이스의 데이터 특징.               - '데이터베..

[ 백엔드 공부하기 : Node.js ] NodeJS의 비동기(Async) 흐름 제어 및 이벤트 루프.  ∇백엔드_NodeJS : Node.JS의 비동기 흐름 제어 및 이벤트 루프는?목 차1. NodeJS의 비동기 흐름이란 무엇인가?2. NodeJS의 이벤트 루프3. 콜스택 및 비동기 API 이해하기.4. Node.js에서 비동기 프로그래밍의 이점.5. 일반적인 함정과 이를 피하는 방법.6. 결론 정리.  Ⅰ. NodeJS의 비동기 흐름이란 무엇인가? ※ 비동기 흐름은 주요 프로그램 흐름이 차단되지 않도록      Node.JS가 처리하고 실행하는 방식을 말합니다.   ◎  Node.js는 크롬의 V8 자바스크립트 엔진을 기반으로 구축된 서버 사이드 런타임 환경입니다.  효율적인 동시 작업 관리: N..

[ 백엔드 면접 준비 ] 블로킹 vs 논블로킹  //  동기 vs 비동기  ∇ 백엔드 면접 준비 : 블로킹vs논블로킹 // 동기 vs 비동기목 차1. Blocking(블로킹) & Non-blocking(논블로킹)2. Synchronous(동기) & Asynchronous(비동기)3. 비교.  ０. Intro.       - Block & non-block , sync-async 개념을 이해하기 위해서는 다음 두가지 용어를 먼저 짚어야 한다고 합니다.                              ◆ 제어권.                    ○ 제어권은 자신(함수)의 코드를 실행할 권리 같은 것.                           - 제어권을 가진 함수는 자신의 코드를 끝까지 실행한 ..

[ 백엔드 면접 준비 ]  REST & REST API & RESTfull API 란??   ∇ 백엔드 면접 준비 : REST & REST API & RESTful API 란??목 차1. REST.2. REST API.3. RESTfull API.  Ⅰ. REST.         Ⅰ - ⅰ  REST 정의.                 REST( Representational State Transfer ) 는 월드 와이드 웹 같은                 분산 하이퍼미디어 시스템을 위한 소프트웨어 아키텍쳐의 한 형식입니다.                       1. REST는 기본적으로 웹의 기존 기술과 HTTP 프로토콜을 그대로 활용하기 때문에                             ..

[ 백엔드 공부하기 : Node.js ] NodeJS의 스레드 방식은 싱글? 멀티? ∇백엔드_NodeJS : Node.JS의 스레드 방식은 싱글인가? 멀티인가?     결론적으로 말하자면, Node.js는 싱글로 작동하는 듯 하지만  확실하게 싱글이 아니고,  멀티로 작동하는 듯 하지만  확실하게 멀티는 아닙니다.   [ 이론적으로는 멀티 스레드인듯 보이지만, 개념적으로는 싱글 스레드 ]  이게 뭔 개소리냐..할 수 있지만,이렇게 말할 수 있는게   { 'libuv'의 'thread pool' } 과 {Worket_thread} 의 작동 때문입니다.    Ⅰ . 프로세스와 스레드 ( Process & Thread )                   ▣ 프로세스란?                   - 프로..

[ 백엔드 공부하기 : Node.js ] NodeJS의 NPM이란?   ∇백엔드_NodeJS : Node.JS의 NPM이란?목 차1. NPM이란2. package-json이란3. NVM이란4. NPM 명렁어   Ⅰ. NPM이란? ▣ NPM은 [ Node Package Manager ] 의 줄임말입니다    명령어로 자바스크립트 기능(패키지,모듈)를 설치하고 관리할 수 있는 패키지 매니저입니다.    개발자는 단 몇줄의 명령어로 기존의 공개된 패키지/모듈들을 설치하고 활용 가능합니다.            ++ npm은 NodeJS를 설치하면 자동으로 설치되며 버전을 확인하고 싶으면 터미널에서                 'npm-v' 명령어를 실행하면 설치여부와 버전을 확인 가능합니다.  자바로 따지면,..

[ 백엔드 공부하기 : Node.js ] NodeJS의 기본 동작 원리와 이벤트 루프, 브라우저 환경을 벗어난 JS 실행.  ∇백엔드_NodeJS : NodeJS의 기본 동작 원리 * 이벤트 루프 * 브라우저 바깥에서의 JS 실행.목 차1. 기본 동작 원리2. 결론정리   ◎ Node.JS            √ NodeJS의 기본적인 "컨셉"은 JS의 실행 원리와 비슷합니다.           √ NodeJS의 공식문서에서는 [ "비동기 이벤트 주도 JavaSccript 런타임" 으로써 NodeJS는                  확장성 있는 네트워크 애플리케이션을 만들 수 있도록 설계되었습니다. ] 라고 소개되어 있습니다.             √ 한마디로 정리하면,                N..

[ 백엔드 공부하기 : Node.js ] NodeJS에 활용되는 JavaScript의 기본 동작 원리와 V8엔진.   ∇백엔드_NodeJS : JavaScript의 기본 동작 원리와 V8 엔진.목 차1. 자바스크립트 : 엔진이란.2. V8엔진3. JS엔진의 내부 실행 원리4. JS는 개인사업자5. 상호작용 시뮬레이션   ∂ JS의 특성."JavaScript"의 태생 자체가 1주일도 안되는 시간에  웹 환경을 위해서 만들어진 언어입니다. [이래서 근본이 약하긴해요]시대의 변화에 맞춰서 JS는 다양한 특성들을 장착해왔습니다.명령형(imperative), 함수형(functional), 프로토타입기반(prototype-based), 객체지향 프로그래밍을 지원하는'멀티 패러다임 프로그래밍 언어'이면서 '인터프..

[ 3D Web : Front_React.js ] React.JS :  React를 구성하는 요소, React 컴포넌트란?    ∇ React.JS :: React란 무엇일까??목 차1. 리액트의 컴포넌트 [ Component ] 란?2. 컴포넌트 만들기3. 컴포넌트의 이름.  Ⅰ. React의 컴포넌트 [ Component ] 란?     🩻 컴포넌트 [ Component ] 란???                ∇ React는 화면에서 UI 요소를 구성할 때  '컴포넌트'라는 단위를 사용합니다.                         - 입력(props)을 받아 출력(Element)하는 역할                                   - React COmponent를 만들고자..

[ 3D Web : Front & Back_Next.JS ] Next.JS의 렌더링이 동작하는 원리.  ∇ Front & Back _ Next.JS : Next.JS는 어떻게 렌더링이 이루어질까목 차1. NextJS?2. Next.JS란 React 기반의 프레임워크3. Pre-Rendering4. SSR & CSR5. SSG6. ISR7. 서버 컴포넌트 & Hydration8. Next.JS의 웹 서버는??9. 정리.  Ⅰ. NextJS란? ◎ Next.JS는  CSR 방식의 JS라이브러리인 React.js를    SSR(Server-side-Rendering) 방식으로 구현할 수 있도록 도와주는 프레임워크입니다.   Ⅱ. NextJS란 React 기반의 프레임워크.    § React.js는 기본적으..

[ 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를 다룰 때 사용하는 템플릿과는 다른 개념.                        -> 템..