728x90 반응형 SMALL 전체 글 보기262 [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. 이전 1 ··· 13 14 15 16 17 18 19 ··· 33 다음 728x90 반응형 LIST
