SUIN

nvm(Node Version Manager) - node 버전이 지속적으로 업데이트 되기 때문에 프로젝트 버전에 따라 프로젝트가 정상적으로 동작되지 않을 수있습니다. nvm을 사용하여 각상황에 맞게 여러 node버전을 간단하게 변경하고 사용할 수 있게 해주는 Node.js의 버전 관리자입니다. 1. Homebrew 설치하기 Homebrew The Missing Package Manager for macOS (or Linux). brew.sh /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 2. brew를 통해 nvm 설치하기 brew install nvm 3. nvm 디렉토리 생성..

PBV와 PVR의 주요 차이점은 메모리에 저장되는 방식입니다. Value & Reference 가 값을 저장하는 방식 Passed by Value : 실제 매개변수 값의 복사본이 메모리에 생성됨을 의미합니다. Passed by Reference : 메모리에 새로운 공간을 만들지 않고 대신 실제 매개변수의 참조/주소를 전달하므로 함수가 변수의 원래 값에 액세스 할 수 있습니다. 따라서 함수 내에서 변수의 값을 변경하면 원래 값도 변경됩니다. let num1 = 10; let obj1 = { firstName: 'Allie', lastName: 'Grater' }; 두 개의 메모리 위치가 있습니다. 하나는 스택(왼쪽)이고 다른 하나는 힙(오른쪽)입니다. Javascript는 크기가 작고 변경되지 않기 때문에..

식별자(identifier) : 자바스크립트로 작성된 프로그램의 변수, 상수, 함수의 이름입니다. 식별자 규칙 첫 번째 문자 : 알파벳(A-z), 언더바(_), $문자만 사용 가능 두 번째 이상의 문자 : 알파벳, 언더바, 0~9, $ 사용 가능 숫자로 시작 X 공백 문자를 포함 X 자바스크립트 예약어(키워드 : if else, for... 등 ) 사용 X 예시) 식별자 규칙 // Good identifier identifier10 _identifier $identifier Identifier IDENTIFIER // Bad break // 예약어 사용 has space //공백 사용 6variable //첫번째 숫자사용 %calc //% 특수문자 사용 식별자의 종류 식별자는 단독 혹은 다른 식별자와 함..

CPU와 GPU는 둘 다 데이터를 읽어 들여 연산처리를 통해 답을 도출하는 기능을 수행하나, 이름과 구조에서 알수 있듯이 중앙 처리 장치(CPU)와 그래픽 처리 장치(GPU)는 역할이 매우 다릅니다. 중앙 처리 장치(CPU, Central Processing Unit) CPU는 입출력장치, 기억장치, 연산장치를 비롯한 컴퓨터 리소스를 이용하는 최상위 계층 장치입니다. -> 입력 받은 명령을 해석 / 연산 한 후, 이를 통해 결과 값을 출력 장치로 전달하는 컴퓨터의 주요 부품 명령어가 입력되는 순서대로 데이터를 처리하는 직렬 처리방식에 특화된 구조 직렬처리 방식에 특화되어 있어 한 번에 한 가지의 명령어만 처리할 수 있으며 이는 여러 가지 이점이 있습니다. 1. 클럭(동작속도)의 수치가 높으면 단일 작업을..

3-way-handshake TCP/IP 프로토콜을 이용해서 통신을 하는 응용프로그램이 데이터를 전송하기 전에 먼저 정확한 전송을 보장하기 위해 상대방 컴퓨터와 사전에 세션을 수립하는 과정 (송수신자 사이에 연결을 확인하는 과정) 4-way-handshake 세션을 종료하기 위해 수행되는 절차 3way handshake가 연결확립을 위해 진행했다면 4way handshake는 세션을 종료하기 위해 수행되는 절차 TCP 3-way-handshake [State 정보] CLOSED: 포트가 닫힌 상태 LISTEN: 포트가 열린 상태로 연결 요청 대기 중 SYN_RECV: SYNC 요청을 받고 상대방의 응답을 기다리는 중 ESTABLISHED: 포트 연결 상태 TIME-WAIT: Server로부터 FIN을 수..

웹 브라우저의 동작 원리 - 웹페이지를 서버에 요청(Request)하고 서버의 응답(Response)을 받아 브라우저에 표시 브라우저는 서버로부터 HTML, CSS, Javascript, 이미지 파일 등을 응답받는다. HTML, CSS 파일은 렌더링 엔진의 HTML 파서와 CSS 파서에 의해 파싱(Parsing)되어 DOM, CSSOM 트리로 변환되고 렌더 트리로 결합된다. 이렇게 생성된 렌더 트리를 기반으로 브라우저는 웹페이지를 표시한다. 자바스크립트는 자바스크립트 엔진이 처리한다. HTML 파서는 정리 이벤트 루프의 역할 이벤트 루프는 콜 스택과 콜백 큐를 감시하는 역할로 콜백 큐에 함수가 존재하고 콜 스택이 비었다면 콜백 큐에서 콜백을 꺼내 콜 스택에 넣어주는 역할 (반복적인 행동을 틱(tick)이..

함수형 프로그래밍에 특화된 언어 : haskell, f#, OCaml , Erlang 함수형 프로그래밍을 지원하는 언어 : JavaScript , Kotlin,Go,Python,Java,C++,Rust.. 함수형 프로그래밍 언어는 객체지향 프로그래밍(Simula,Smaltalk) 와 C 보다 먼저 나온 언어입니다. 함수형 프로그래밍은 수학의 원리와 밀접한 연관이 있으며 배우는데 시간이 걸리고 난해할 수 있습니다. 그래서 사람의 방식과 가장비슷한 절차지향 프로그래밍 , 객체지향 프로그래밍이 더 보편적으로 많이 쓰여지고 있으며 , 현재 AI,IOT,빅데이터 ,비트코인 이 뜨기시작하며 방대한 데이터를 빠르게 계산해서 병렬적으로 안정적으로 처리하는 것의 중요성이 부각되면서 함수형 프로그래밍 언어가 다시 주목 받..

v2 시작되는 프로젝트에서 기존 v1에서 자동 배포된 내용을 참고해서 그대로 반영할 것인가 조금 더 도전해 볼 것인가 고민하던 난 이왕 다시 하는 거 새로 만들어보자! 하며 바로 도전해 보았다 기존 내가 알고 사용하던 워크플로우 name: CI-CD on: pull_request: branches: - main jobs: deploy: name: 'Build & Deploy' runs-on: ubuntu-latest steps: - name: Checkout uses: actions/checkout@v2 - name: Use Node.js uses: actions/setup-node@v2 with: node-version: ${{ secrets.NODE_VERSION }} - name: Cache nod..