Andamiro : App& Web3 & DataScience

[ 백엔드 공부하기 : 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를 다룰 때 사용하는 템플릿과는 다른 개념.                        -> 템..

[ 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)을 함..

[ 백엔드 공부하기 : Nest.js ] NestJS란 무엇이고, 왜 사용하는 것일까?   ∇ BackEnd_NestJS : NestJS란 무엇이고,  왜 사용할까?목 차1. NestJS란?2. NestJS를 사용하는 이유4. NestJS의 기본 구조.5. NestJS 의 장점.6. NestJS 의 단점.   Ⅰ. NestJS란?     JS와 사용되는 Node.JS는 높은 성능으로 빠른 개발이 가능하며, 동시에 많은 연결을 다루는데에 적합합니다. 하지만! Node.JS는 로직 구성이 너무 자유롭다는 단점을 지적받아왔습니다.Node.js는 정해진 아키텍쳐 구조가 없기 때문에,  개발자마다 다른 구조로 코드를 작성하게 됩니다. 아키텍쳐가 잘 구조화된 프로젝트라 할지라도,  코드 작성자 이외의 사람들이 코..