소요유(逍遙遊)

1. EventEmitter란? Node.js에서 이벤트 기반(Event-driven) 프로그래밍은 이벤트를 발생시키고 처리하는 데 사용되는 EventEmitter 클래스를 사용합니다. EventEmitter 클래스는 Node.js에서 가장 기본적인 이벤트 처리 방식 중 하나입니다. EventEmitter 클래스를 상속한 객체를 만들고, on() 메서드를 사용하여 이벤트 리스너를 등록하면, 이벤트가 발생할 때마다 등록된 콜백 함수가 실행됩니다. 이벤트는 문자열 형태의 이름과 함께 발생하며, 이벤트에 대한 데이터를 선택적으로 전달할 수도 있습니다. 예를 들어, EventEmitter 클래스를 사용하여 간단한 이벤트 처리를 구현할 수 있습니다. 아래는 EventEmitter 클래스를 사용한 간단한 예제 코드..

Development/BackEnd 2023. 2. 16. 03:22

1. Stream API란? Node.js에서 Stream API는 데이터를 읽고 쓰는 데 사용되는 유용한 기능을 제공합니다. 스트림은 데이터를 작은 조각으로 나누어 처리할 수 있으며, 이는 큰 파일이나 네트워크 통신 등에서 유용합니다. 2. Stream API의 유형 Node.js의 Stream API는 크게 4가지 유형으로 구분됩니다. Readable Streams: 데이터를 읽는 데 사용됩니다. 예를 들어, 파일 시스템에서 파일을 읽거나, HTTP 요청에서 데이터를 가져오는 데 사용됩니다. Writable Streams: 데이터를 쓰는 데 사용됩니다. 예를 들어, 파일 시스템에 파일을 쓰거나, HTTP 응답에 데이터를 쓰는 데 사용됩니다. Duplex Streams: 데이터를 읽고 쓰는 데 모두 사..

Development/BackEnd 2023. 2. 16. 02:47

1. 세션스토리지에 정보와 만료시간 저장 function setWithExpiry(key, value, ttl) { const now = new Date() // `item` is an object which contains the original value // as well as the time when it's supposed to expire const item = { value: value, expiry: now.getTime() + ttl, } localStorage.setItem(key, JSON.stringify(item)) } 또는 다음과 같이 개별적으로 저장할 수 있다. window.sessionStorage.setItem(key, value); window.sessionStorage...

Development 2023. 2. 16. 01:09

1. 변수 변수는 값을 담는 컨테이너이며 모든 프로그래밍 언어의 중추입니다. JavaScript에서 변수는 var, let, const 키워드를 사용하여 선언되며 숫자, 문자열, 배열, 객체 등과 같은 모든 유형의 값을 할당할 수 있습니다. var myVariable = "Hello, World!"; 유의 : JavaScript에서 변수는 대소문자를 구분하며 문자, 숫자, 달러 기호( $) 또는 밑줄( _) 문자를 포함할 수 있다는 점에 유의해야 합니다. 2. 데이터 유형 JavaScript에는 여섯 가지 기본 데이터 유형이 있습니다. 유의 : JavaScript는 느슨하게 유형이 지정된 언어입니다. 즉, 변수에 고정된 데이터 유형이 없습니다. 대신 변수는 할당된 값에 따라 데이터 유형을 동적으로 변경할..

FrontEnd/Java Script 2023. 2. 16. 00:43

부모 컴포넌트로부터 전달받은 props의 이름이 자식 컴포넌트의 변수명과 같을 경우, 어떻게 중복을 피하는게 좋을까요? 혹은 부모 컴포넌트로부터 받은 props를 자식 컴포넌트에서 새로운 변수에 할당해서 사용하려고 할 때도 마찬가지로 변수명을 어떻게 지어야할지 고민이 됩니다. 참고 : 전달받은 props와 새로운 변수의 이름이 같을 경우, 코드를 읽기 어렵게 만들 수 있습니다. 이러한 경우, 새로운 변수의 이름을 지을 때 props 이름을 참고하면서, 더 구체적으로 나타낼 수 있는 이름을 사용하는 것이 좋습니다. 💄 변수명 중복을 피하기 위한 규칙 일반적으로, 다음과 같은 규칙을 따르면 좋습니다: props 이름과 유사한 이름을 사용합니다. 예를 들어, props로 전달된 데이터가 “title”인 경우,..

FrontEnd/React 2023. 2. 16. 00:17

1. Props란? 리액트에서 props는 부모 컴포넌트에서 자식 컴포넌트로 전달되는 데이터입니다. 🤔 부모 컴포넌트로부터 전달받은 Props를 그대로 사용해도 될까? 이러한 props를 컴포넌트 내부에서 사용할 때, 새로운 변수에 할당하지 않고 그대로 사용하면 의도하지 않은 결과를 초래할 수 있습니다. 이는 일반적으로 props를 변경하거나 동일한 props를 여러 번 사용할 때 발생합니다. 2. Props 사용할 때 주의사항 props는 일반적으로 읽기 전용이며 컴포넌트 내부에서 수정되어서는 안 됩니다. 이를 위반하면 다음과 같은 문제가 발생할 수 있습니다. 부작용: props는 부모 컴포넌트에서 전달되는 값이므로, 부모 컴포넌트가 변경되면 props도 변경됩니다. 그러나 props를 직접 수정하면 ..

FrontEnd/React 2023. 2. 15. 23:53

1. 문 문(statement)은 프로그램이 특정 작업을 수행하도록 지시하는 단순 또는 복합 명령입니다. 다시 말해, 어떤 작업을 수행하는 문법 구조(syntax structure)와 명령어(command)를 의미합니다. 문은 자바스크립트 프로그램의 기본 빌딩 블록입니다. 프로그램 실행의 흐름을 제어하고 수행할 작업을 프로그램에 알려줍니다. 간단한 문은 변수에 값을 할당하거나 함수를 호출하는 것과 같은 단일 작업을 수행합니다. 예를 들어 : let x = 10; console.log("The value of x is " + x); 블록 문이라고도 하는 복합 문은 여러 문을 단일 엔티티로 그룹화합니다. 중괄호({})로 구분됩니다. 예를 들어: { let x = 10; let y = 20; console.l..

FrontEnd/Java Script 2023. 2. 13. 02:16

초창기 자바스크립트는 웹페이지의 보조적인 기능을 수행하기 위해 한정적인 용도로 사용되었다. 이 시기에 대부분의 로직은 주로 웹 서버에서 실행되었고, 브라우저는 서버로부터 전달받은 HTML과 CSS를 단순히 렌더링하는 수준이었다. 1. Ajax 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능을 말한다. 이전의 웹 페이지는 HTML 태그로 시작해서 HTML 태그로 끝나는 완전한 HTML 코드를 서버로부터 전송받아 웹페이지 전체를 렌더링하는 방식으로 동작했다. 따라서 화면이 전환되면 서버로부터 새로운 HTML을 전송받아 웹페이지 전체를 처음부터 다시 렌더링했다. 이러한 방식은 변경할 필요가 없는 부분까지 포함된 HTML 코드를 서버로부터 다시 전송받기 때문에 불필요한..

FrontEnd/Java Script 2023. 1. 30. 03:42