본문 바로가기
728x90
반응형
SMALL

Web/JavaScript43

[Node.js] 모듈 - 1️⃣ os 1. os 모듈 운영 체제와 상호 작용하기 위한 메서드 및 속성을 제공 운영 체제의 다양한 정보를 가져올 수 있음 2. 메서드 및 속성 os.EOL(): End Of Line, windows - '\r\n' mac - '\n' os.totalmem(): 시스템의 총 메모리 양을 바이트 단위로 반환 os.freemem(): 사용 가능한 시스템 메모리 양을 바이트 단위로 반환 os.type(): 운영 체제의 이름을 반환합니다 (예: 'Linux', 'Windows_NT' 등). os.userInfo(): 현재 사용자의 정보를 객체로 반환 os.cpus(): 컴퓨터의 CPU 정보를 반환 os.homedir(): 메서드는 현재 사용자의 홈 디렉토리 경로를 반환 os.hostname() : 컴퓨터의 호스트 이름을.. 2023. 4. 25.
[JavaScript] fetch API 1. fetch api 네트워크 요청을 보내고 응답을 처리하는 기능을 제공 fetch API를 사용하면 HTTP 요청을 보내고, 그에 따른 응답 데이터를 받아와서 처리할 수 있음 Request나 Response와 같은 객체를 이용하여 HTTP 프로토콜을 통해 원격지에 정보를 가져오기 위해 사용하는 api Promise를 기반으로 동작 Ajax ➡ XMLHttpRequest() ➡ fetch() ➡ jQuery, Axios 1-1. fetch 함수 Promise 객체를 반환 비동기적으로 동작 fetch 함수를 호출하면 서버에서 데이터를 받아올 때까지 다른 코드를 실행할 수 있음 fetch 📌 json문법 검증하는 사이트 에러를 알 수 있음! https://jsonlint.com/ The JSON Valid.. 2023. 4. 20.
[JavaScript] JSON이란? & JSON 특징, JSON 구조, JSON의 타입, 메서드 1. JSON(JavaScript Object Notation) 데이터를 저장하거나 전송할 때 사용되는 경량의 Data 교환 형식 사람과 기계 모두 이해하기 쉬우며 용량이 작아서 XML을 대체하여 데이터 전송 등에 많이 사용 데이터 포멧일 뿐, 통신 방법도 프로그래밍 문법도 아님 2. JSON의 특징 서버와 클라이언트간의 교류에서 일반적으로 많이 사용 자바스크립트를 이용하여 JSON 형식의 문서를 자바스크립트 객체로 변환하기 쉬움 자바스크립트 문법과 굉장히 유사하지만 텍스트 형식일 뿐 특정 언어에 종속되지 않으며, 대부분 프로그래밍 언어에서 JSON 포멧에 데이터를 핸들링 할 수 있는 라이브러리를 제공 ✔ 자바스크립트와 다른점 JSON은 이름과 값으로 구성된 프로퍼티의 정렬되지 않은 집합이며 따라서 메소.. 2023. 4. 20.
[JavaScript] Promise 객체 - 3️⃣ all(), allSettled(), race() 1. Promise 객체 콜백함수 실행 promise3 2. all() 여러 개의 Promise 객체를 동시에 실행하고, 모든 Promise 객체가 완료될 때까지 기다린 후 결과값을 배열로 반환하는 메소드 배열에 포함된 Promise 객체들은 동시에 실행되며, 모든 Promise 객체가 resolve되면 , then() 메소드로 등록한 콜백 함수가 실행 만약 Promise 객체 중 하나라도 reject 상태가 된다면, Promise.all() 메소드는 거부 상태가 된 Promise 객체를 반환하고, 이후의 Promise 객체들은 실행되지 않음 promise3 promise3 3. allSettled() 모든 Promise 객체가 완료될 때까지 기다리지 않고, 모든 Promise 객체의 상태가 결정될 때까.. 2023. 4. 20.
[JavaScript] Promise객체 - 2️⃣ promise 콜백함수 축약형으로 작성하기! 1. Promise 객체 생성 promise2 2023. 4. 20.
[JavaScript] Promise객체 - 1️⃣ 비동기 작업 처리란? & Promise 객체 생성과 콜백함수 사용 1. 비동기 처리란 ❓ 작업을 실행하는 동안 프로그램의 실행 흐름이 차단되지 않고 다른 작업을 수행할 수 있도록 하는 것 작업의 완료 여부를 기다리지 않고 다른 작업을 수행할 수 있는 것 2. 자바스크립트에서의 비동기 작업 처리 자바스크립트에서는 주로 비동기 작업 처리를 위해 콜백 함수(callback function)를 사용 콜백 함수는 비동기 작업이 완료되면 호출되는 함수로, 작업 결과를 전달받아 필요한 처리를 수행할 수 있음 콜백 함수를 등록하여 작업이 완료될 때마다 필요한 처리를 수행할 수 있음 하지만 콜백 함수를 사용하면 코드가 복잡해지고 가독성이 떨어지는 문제가 발생 이를 해결하기 위해 Promise 객체나 async/await 키워드를 사용 3. 프로미스(Promise) 객체 자바스크립트 비.. 2023. 4. 20.
[JavaScript] 예외처리 - try~catch~finally, throw문 1. 예외처리 예외가 발생할 수 있는 코드를 try 블록으로 감싸고, 예외 발생 시 처리할 코드를 catch 블록에서 정의 try { 예외가 발생할 것으로 예상되는 문장 ... ... }catch(error 객체){ 예외가 발생했을 때 처리할 문장 ... ... }finally{ 예외와 관계없이 무조건 실행할 문장 } 1-1. try 블록 예외가 발생할 수 있는 코드를 작성하는 블록 이 블록 내에서 예외가 발생하면, JavaScript 엔진은 즉시 실행을 중단하고 catch 블록으로 이동 1-2. catch 블록 예외가 발생했을 때 처리할 코드를 작성하는 블록 이 블록은 예외 객체를 인자로 받고, 이 객체에는 예외에 대한 정보가 포함 1-3. finally 블록 선택적으로 실행될 코드 블록 이 블록은 t.. 2023. 4. 20.
[JavaScript] map 객체 - has(), get(), set(), delete(), clear(), entries(), values() 1. 맵(map) Key, Value로 이루어진 데이터 집합의 자료구조 키-값 쌍으로 반복 const 맵이름 = new Map([['키1','값1'], ['키2','값2']... ]) 맵 2. 메서드 2-1. set() 지정된 키와 값을 Map 객체에 추가 맵 2-2. get() 지정된 키에 대응하는 값을 반환 해당 키가 없으면 undefined 반환 맵 2-3. has() Map 객체 내에 지정된 키가 있는지 여부를 반환 맵 2-4. delete() 지정된 키와 해당 값을 Map 객체에서 제거 맵 2-5. clear() Map객체에서 모든 요소를 제거 맵 2-6. size Map 객체 내의 요소 개수를 반환 맵 2-7. entries() Map 객체의 모든 키를 포함하는 새로운 iterator 객체를 .. 2023. 4. 20.
728x90
반응형
LIST

티스토리툴바