본문 바로가기
728x90
반응형
SMALL
[Node.js] Node.js란?& Node.js의 역사와 특징을 알아보자! 🤔 1. Node.js란❓ JavaScript 런타임 환경으로, 서버 사이드 어플리케이션을 개발하는 데 사용되는 오픈 소스 플랫폼 네트워크 애플리케이션, 웹 서버, API 서버 등을 개발할 때 사용 Node.js는 Google Chrome V8 JavaScript 엔진을 사용하여 빠른 속도로 코드를 실행 Node.js는 비동기적인 이벤트 기반 아키텍처로 작동 ( I/O 작업이 완료될 때까지 기다리지 않고 다음 작업을 처리) Node.js는 모듈 시스템을 사용하여 코드를 모듈화할 수 있움 2. Node.js의 역사 1995년 HTML, CSS, JavaScript (SpiderMonkey, JavaScriptCore, V8m Chakara) 2009년 라이언 달(Ryan Dahl, 1981)이 개발한 프로젝트.. 2023. 4. 23.
[Node.js]Node.js 다운로드 하기! 1. Node.js 다운로드 공식 홈페이지 다운로드 https://nodejs.org/ko/download 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 📍참고: LTS는 안정된 버젼임. (최신버전은 안정적이지 않을 수 있음!) 다운로드 파일 실행하기 별도로 체크해줄 것이 없고 그냥 Next를 눌러 설치를 완료했다. 명령프롬프트 또는 vscode 터미널 실행 1) js 파일을 만들 경로로 이동 2) Node.js 설치 확인하기 설치가 완료되면, Node.js를 사용하여 JavaScript 기반의 서버 사이드 어플리케이션을 개발할 수 있음! 2023. 4. 23.
[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.
[JavaScript] 세트(Set) - add(), has(), delete(), clear() 1. 세트(set) set 객체는 중복되지 않은 유일한 값들의 집합 요소 순서에 의미가 없음 인덱스로 요소에 접근할 수 없음 교집합, 합집합, 차집합, 여집합 등을 구현 const 세트명 = new Set([요소1, 요소2, ...]) 2. 메서드 및 프로퍼티 2-1. add() 새로운 요소를 추가 중복된 요소는 추가되지 않음 세트 2-2. has() 특정 요소가 Set에 있는지 확인 세트 2-3. delete() 특정 요소를 삭제 세트 2-4. clear() 모든 요소를 삭제 세트 2-5. size set에 포함된 요소 개수 확인 세트 3. 반복문 세트 ✅ 다음과 같은 배열에서 중복된 이모지를 제거해보자. ['🍎','🍌','🍎','🍋','🍑','🍉','🍑','🍈','🥝','🍈'] 세트 MDN: set .. 2023. 4. 20.
[JavaScript] Spread 연산자( ... ) 1. 스프레드(Spread) 연산자 '...' 로 표현하며, 배열이나 객체와 같은 iterable을 확장하여 개별 요소로 분리할 수 있도록 모든 Iterable은 Spread가 될 수 있음 순회가능한 데이터는 펼쳐질 수 있음 function 함수명(...Iterable) [...Iterable] {...obj} 1-1. 객체를 복사하거나 새로운 프로퍼티를 추가 const obj1 = { a: 1, b: 2, c: 3 }; const obj2 = { ...obj1 }; // obj1을 복사하여 새로운 객체를 생성 const obj3 = { ...obj1, d: 4, e: 5 }; // obj1의 프로퍼티와 새로운 프로퍼티 d, e를 추가하여 새로운 객체를 생성 console.log(obj2); // { a.. 2023. 4. 20.
[JavaScript] 제네레이터(Generator) 1. 제네레이터(Generator) function* 제네레이터명(){ yield 값; } 실행을 멈췄다가 나중에 다시 접근할 수 있는 특이한 형태의 함수 나중에 다시 접근하기 위해 context(변수)를 저장된 상태로 남겨둠 이터레이터(iterator)를 생성하는 함수, 이터레이터는 반복 가능한(iterable) 객체를 만드는데 사용 제네레이터 함수는 function* 키워드로 정의하며, yield 키워드를 사용하여 값을 반환 이터레이터란? ⬇️⬇️⬇️ 더보기 https://coding-yesung.tistory.com/139 [JavaScript] 이터레이터(Iterator) & 이터러블(Iterable) 1. 이터레이터(Iterator) 반복 처리가 가능한 객체 내부적으로 next() 메서드를 가지.. 2023. 4. 19.
728x90
반응형
LIST

티스토리툴바