[Node.js] Node.js는 논블로킹 비동기 방식으로 I/O를 처리한다

동기 vs 비동기 프로세스의 수행 순서 보장에 대한 매커니즘 두 가지 이상의 작업의 리턴을 확인하고 다음 작업이 이루어지는지, 아닌지로 구분 동기 : 대상의 리턴시간과 결과를 반환하는 시간이 일치하는 경우. A의 종료시간과 B의 시작시간이 같다동기(synchronous)는 사전적인 의미로 '동시 발생[존재]하는' 라는 의미비동기 :리턴 값을 신경쓰지 않고 각각 동작 동기는 끝날 때까지 기다리고, 그 시간에 맞춰서 다른 작업을 수행하는 방식이고, 비동기는 작업을 해달라는 요청만 해놓고 더이상 신경쓰지 않고 있다가, 상대방이 끝나면 끝났다고 말해주는 방식이다. 블로킹 vs 논블로킹두 가지 이상의 작업의 제어권을 넘기느냐 , 넘기지 않느냐로 구분 요청받은 함수가 제어권을 언제 돌려주는지 가 핵심블로킹 (blo..

• format_list_bulleted Web/JavaScript
• · 2024. 2. 22.
• textsms

[Node.js] 런타임 / V8 /이벤트 기반 아키텍처/ K6

싱글스레드 자바스크립트 는 싱글스레드 언어이다 싱글스레드== 콜스택이 하나만 있다 == 한 번에 하나의 작업만 가능하다 V8엔진 자바스크립트와 *웹어셈블리 엔진 중 하나 , 자바스크립트를 바이트코드로 컴파일하고 실행하는 방식 V8엔진은 두 가지로 이루어져있다. 메모리 힙 (Memory Heap) : 메모리 할당이 이루어지는 곳 콜 스택 (call Stack) : 코드가 실행되면서 스택 프레임이 쌓이는곳 런타임 환경 런타임, 프로그램 언어가 구동되는 환경. 자바스크립트 엔진보다 더 큰 범위의 개념. 브라우저에서 자바스크립트가 실행된다면 브라우저가 런타임 환경일 것이고, node.js에서 실행된다면 런타임 환경은 Node.js 이다. 모든 브라우저는 자바스크립트 엔진 뿐 아니라 webAPI도 제공되는 자바스..

• format_list_bulleted Web/JavaScript
• · 2024. 2. 22.
• textsms

[React] Warning: Each child in a list should have a unique "key" prop.

props 렌더링 app의 내부 state를 TOC에 주입함으로써 자동으로 목록이 바뀌게 하는 작업 TOC의 부모가 가진 state값을 이용해서 TOC의 내부 값을 바뀌게 해본다 class App extends Component { constructor (props){ super(props); this.state = { subject:{title:'WEB', sub:'World Wide Web!'}, contents:[ {id:1, title:'HTML', desc:"HTML is for information"}, {id:2, title:'CSS', desc:'CSS is for design'}, {id:3, title:'JavaScript', desc:'JavaScript is for interacti..

• format_list_bulleted error
• · 2023. 11. 3.
• textsms

[TypeScript] TSError: ⨯ Unable to compile TypeScript: Operator '+' cannot be applied to types 'T' and 'T'

generic 함수 여러 타입을 처리할 수 있는 generic 함수를 구현 두 개의 인자를 받아 값을 반환하는 함수를 구현 지시사항 generic T의 타입으로 number와 string, boolean만 가능하도록 제약조건을 추가하세요. T가 number라면 두 수를 더한 값을 반환하세요. T가 string이라면 두 문자열을 이어붙인 값을 반환하세요. T가 boolean이라면 두 값을 or 연산을 한 값을 반환하세요. 실행 결과 28 hello true 정답 코드 function add(a: T, b: T): T { if(typeof(a)==="boolean"){ return a||b; } return a + b; } console.log(add(13, 15)); console.log(add("hell..

• format_list_bulleted Web/JavaScript
• · 2023. 10. 18.
• textsms

[Elice 1차 프로젝트 회고] : Everything happens for a reason

Everything happens for a reason 이 정확히 어떤 뉘앙스로 쓰이는지 잘은 모르지만 전치사 for 의 어감으로 유추해 보았을 때 그래도 따뜻한 분위기라고 느껴진다. '모든 일에는 다 원인이 있어' 보다는 '모든 일에는 이유가 있었을거야' 이렇게 말해주는 것 같다.프로젝트는 힘들었다. 음 그래서 좋은 회고록도 읽기 좋은 글도 아닐 수 있다.  나의 역할프로젝트를 시작할 때 내가 맡은 역할은 이러했다.- 전체 팀장- 백엔드 팀원 (API 개발 , 추후 백엔드 서버 배포를 맡게 되었다) 백엔드 팀에 합류한 이유 : 1. 당시 해보지 않았던 일을 해본 전과 후로 인생이 나뉜다(ex)수능을 보기 전과 후) 라는 밈을 보고 감명받아 합류 2. 백엔드 트랙을 제대로 이수하지 않았다. (트랙 평균..

• format_list_bulleted 회고
• · 2023. 10. 14.
• textsms

[Node.js Express] vm node server 요청 오류 502 Bad Gateway

문제상황 : Node.js + express로 개발된 웹 서버 환경 재구축 vm 폴더에 backend/backend/app.js 처럼 폴더 중첩 문제가 있어 하위 폴더 제거 후 git clone으로 상위에 하나 더 가져왔다. 그런데 세팅 전에는 불러와지던 이미지 파일들이 불러와지지 않았다. 어제의 영향으로 혹시 서버가 두 개 켜진걸까 하고 foreverlist , pm2list 등 확인해보았는데 하나만 제대로 동작하고있었다. 그리고 오류가 난 시점이 위(clone 이후)와 같다고 생각해서 그 시점에서 어떤 것을 빼뜨렸을까 고민했다. - express.static 반영 확인 - monit 으로 확인했을 때 연결 확인 - forever list , pm2 list 로 서버 떠있는 목록 확인했고 express..

• format_list_bulleted Web/JavaScript
• · 2023. 10. 12.
• textsms