너굴 개발 일지

실무에서 socket.io를 통해 콘텐츠 업로드시 트랜스코딩 진행률 데이터를 전달 받습니다. 관련해서 socket.io를 공부하며 정리한 글입니다.정의양방향 통신을 하기 위해 웹 소켓 기술을 활용한 Node.js 라이브러리로 JS를 이용해 브라우저 종류에 상관없이 실시간 웹 구현이 가능하다.Websocket이라는 HTML5 표준 기술을 이용할 수도 있으나 일부 구형 브라우저나 OS에 따라 지원되지 않을 수도 있다는 단점이 있다.(브라우저 호환성을 보면 거의 다 지원하는 수준인 것 같다.)https://developer.mozilla.org/ko/docs/Web/API/WebSocket  동작 방식HTTP long-polling 방식으로 서버와 연결 시도 (HTTP 프로토콜 사용)WebSocket으로 업그..

yarn 버전을 다운그레이드하는 방법입니다. 1. yarn이 설치된 위치 찾기 $ which yarn /opt/homebrew/bin/yarn 2. yarn 파일 제거 $sudo rm '/opt/homebrew/bin/yarn' 3. yarnrc.yml 경로 확인 $ cat ~/.yarnrc.yml yarnPath: ".yarn/releases/somethingPath.." 4. yarnrc.yml 파일 제거 $ rm -f ~/.yarnrc.yml 5. 특정 버전이 yarn 설치 $ npm install -g 'yarn@1.22.19' 6. yarn 버전 확인 $ yarn -v 1.22.19

자바스크립트의 비동기 처리 관련 이벤트 루프를 공부하면 스레드라는 단어가 많이 나오는데 스레드의 정확한 개념과 스레드와 연관 있는 프로세스에 대해 알아보며 정리한 글입니다. 사전 지식 CPU 스레드의 두가지 의미 본문 프로세스 프로세스 메모리 영역 프로세스 상태 프로세스 계층 구조 스레드 멀티 프로세스와 멀티 스레드 정리 Q&A CPU CPU는 컴퓨터의 두뇌 역할로 메모리에 저장된 명령어를 읽고 해석하며 실행하는 부품입니다. CPU의 내부 구성 요소 중 가장 중요한 3가지는 산술논리연산장치(Arithmetic Logic Unit), 레지스터(register), 제어장치(Control Unit)가 있습니다. 산술논리연산장치(ALU) 계산만을 위해 존재하는 부품으로 컴퓨터 내부에서 수행되는 대부분의 계산은..

멘토님께 개발자, 그리고 인생을 살아갈때 좋은 자세와 관련된 좋은 영상 2개를 추천받아 보면서 부족한 점과 개선 방법에 대해 고민한 내용을 작성한 글입니다. 추천 영상 https://www.youtube.com/watch?v=GR5PuqbyA50 https://www.youtube.com/watch?v=fHyTA-UIcqs 첫번째 영상은 개발자가 갖추어야 할 9가지 기술로 연차별 엔지니어에 따라 어떤 기술을 갖춰야 하는지에 대한 주제였고, 두번째 영상은 아시아 최초 프랑스 장관이셨던 플뢰르 펠르랭님의 인생 철학에 대한 주제였습니다. 측정, 변화 그리고 발전 두개의 영상을 보면서 공통적으로 느꼈던 부분은 성장하는 사람은 성공할 수 밖에 없으며 성장하기 위해선 측정, 변화, 발전의 과정을 계속 경험한다는 것..

개발 공부를 하면서 제대로 몰랐던 용어의 개념을 정리한 글입니다. 운영체제, 프로세스, 커널을 이해하기 위해선 컴퓨터가 어떤 구성으로 되어 있는지 먼저 알아야 합니다. 컴퓨터는 크게 하드웨어와 소프트웨어로 구성되어 있습니다. 하드웨어 컴퓨터를 구성하는 기계 장치로 소프트웨어가 지시한 일을 수행 크게 중앙처리장치 (CPU), 기억장치 (램, 하드디스크 등), 입력장치 (키보드, 스캐너 등), 출력장치 (모니터, 스피커 등)로 구성 입력장치를 통해 외부 데이터를 입력 받음 → 중앙처리장치에서 명령을 실행 → 기억장치에서 필요한 데이터 저장 → 출력장치를 통해 결과 출력 소프트웨어 하드웨어의 동작 지시 및 제어하는 역할의 프로그램, 프로그램에 필요한 데이터 크게 시스템 소프트웨어, 응용 소프트 웨어로 나눌 수..

Docker를 공부하면서 추상화, 가상화란 단어를 많이 접하게 되는데 정확한 개념과 장점이 무엇인지 알아보며 정리한 글입니다. 추상화 복잡한 시스템, 데이터 또는 프로세스를 간결하고 이해하기 쉬운 형태로 단순화하는 개념 복잡성을 숨기고 간소화하기에 사용자는 복합한 세부 사항을 신경쓰지 않고 시스템을 다룰 수 있음 예를 들어, 운영체제는 하드웨어의 추상화로 하드웨어의 복잡성을 숨기고 개발자가 간단한 인터페이스를 통해 시스템을 다룰 수 있음 가상화 하나의 물리적 리소스를 여러 개의 가상 환경으로 분할해 독립적으로 사용하는 기술 복잡한 하드웨어와 리소스를 단순한 형태로 추상화하여 사용자에게 제공하기에 리소스 활용을 최적화할 수 있으며, 가상 환경은 서로 독립돼있어 서로 영향을 주지 않기에 시스템 안정성과 격리..

개발을 하다보면 컴파일, 인터프리터란 단어를 많이 쓰는데 무슨 뜻인지 정확한 개념을 알고 써야 한다고 생각되어 정리한 글입니다. 사전 지식 코드 실행의 기본 원리 언어의 종류 본문 코드 해석/변환방식 코드 실행의 기본 원리 프로그래밍 언어로 코드를 작성 인터프리팅, 컴파일 등의 과정을 통해 0,1로 이뤄진 기계어로 변환 0,1로 이뤄진 기계어 코드가 Memory 라는 곳에 저장됨 CPU는 메모리에 있는 0,1로 이뤄진 코드를 읽어 on/off 전기 신호로 실행시킴 이때 on/off 전기 신호는 이진수 계산으로 각종 연산을 수행하며, 사실 메모리에 저장된 데이터도 전기신호임 언어의 종류 프로그래밍 코드, 기계어는 어떻게 다를까요? 1. 고급 언어 JavaScript나 Java처럼 사람이 이해하고 작성하기 ..

개발을 하다보면 런타임, 런타임 환경이란 단어를 많이 쓰는데 무슨 뜻인지 정확한 개념을 알고 써야 한다고 생각되어 정리한 글입니다. 런타임 어떤 프로그램이 실행되고 있는 동안의 동작 해당 프로그램이 필요한 시스템 자원 (RAM, 시스템 변수, 환경 변수 등)을 할당받고 시스템 자원을 사용해 어떤 처리를 하고 있는 것 (또는 그러한 상태) 런타임 환경 runtime이 일어나게 하기 위해, 즉 애플리케이션을 실행하기 위해 필요한 모든 기능을 제공하는 환경 자바스크립트는 브라우저에서 실행되며, 브라우저 안에 있는 자바스크립트 런타임은 자바스크립트 엔진, Web API, 콜백 큐, 이벤트 루프, 렌더 큐로 구성 참고 자료 https://ko.wikipedia.org/wiki/%EB%9F%B0%ED%83%80%E..