Andamiro : Web3 & DataScience

[ 백엔드 공부하기 : 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에서 함수를 표..