[node.js] npm; 외부 패키지 사용하기
2022. 6. 22. 19:43
개발/Javascript
패키지 : 누군가 따로 만들어놓은 node.js 모듈 npm(node package manager)를 사용하여 node.js 패키지 만들기 Copyright (C) Microsoft Corporation. All rights reserved. 새로운 크로스 플랫폼 PowerShell 사용 https://aka.ms/pscore6 PS D:\workspace\workspace_oneBiteReact> npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults. See `npm help init` for..
[node.js] Node.js 기초
2022. 6. 21. 20:44
개발/Javascript
Node.js : 자바스크립트를 웹브라우저가 아닌 PC에서도 독립적으로 실행시켜줄 수 있는 자바스크립트 런타임 이 파일을 노드js 터미널로 실행시켜 볼거다 view - Appearance - Show Panel 또는 Ctrl+J 를 눌러 터미널을 실행시킨다 GUI(Graphic User Interface) : 아이콘 같은 그래픽을 기반으로 마우스 클릭만으로 명령을 내릴 수 있게 해주는 방식 CLI(Command Line Interface) : 수행할 명령을 직접 텍스트로 타이핑하여 명령을 내릴 수 있게 해주는 방식 터미널이란 ? CLI 명령을 입력하는 곳 우리는 node.js를 이용해서 index.js파일을 실행하려고 한다. 그렇기 때문에 terminal을 통해 node.js한테 명령을 내려야한다. 만약..
[node.js] node.js는 왜 써야할까?
2022. 6. 20. 19:25
개발/Javascript
자바스크립트 코드는 브라우저 내장 자바스크립트 엔진을 이용하여 실행. 이전의 자바스크립트는 html안에서 인터렉션만 할 수 있던 언어였다. 브라우저 안에서만 사용할 수 있던 언어를 크롬이 자바스크립트를 사용할 때 사용했던 v8엔진을 브라우저에서 독립시켜 자바스크립트를 브라우저가아닌 다른곳에서도 사용할 수 있게 만들었다. 그때 만들어진 자바스크립트 실행환경(Javascript's Runtime)이 node.js 브라우저에서 벗어나 카카오톡, 파워포인트 등의 PC프로그램 및 웹 서버까지 만들 수 있게되었다. 앞으로 배우게 될 리액트도 node.js기반으로 웹서버를 만들기 때문에 더더욱 필요하다! 참고 - 한입 크기로 잘라 먹는 리액트 by winterlood
[Javascript] API & fetch
2022. 6. 16. 21:13
개발/Javascript
API(Application Programming Interface; 응용 프로그래밍 인터페이스) 응용프로그램에서 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스. 파일제어, 창 제어, 화상처리, 문자 제어 등을 위한 인터페이스 제공. 소프트웨어 프로그램(애플리케이션) 내부에 존재하는 기능 및 규칙의 집합. 레스토랑 주문과정 을 통해 웹 사이트를 통해서 서버에 데이터를 요청하고 응답받는 방식을 이해 client 웹브라우저로 정보 요청 → 요청되어있는 주문 전달 → 데이터가 보관되어있음 웹브라우저와 서버의 연결다리 로 생각하면 편하다. 다른데이터를 받기위해 서버에 요청을 한다. API호출 : 요청데이터를 받환받기위함, 다만 함수와 다른점은 어느시점에 받을 지 모른며, 클라이언트..
[Javascript] async function & await
2022. 6. 15. 19:50
개발/Javascript
async 함수 : asyncFunction 객체를 반환하는 비동기 함수, 암시적으로 Promise를 반환한다 함수에 async를 붙인 경우에는 출력시 promise를 리턴하는 비동기처리 함수로 변화한다 // async function async function helloAsync() { return "hello Async"; } helloAsync().then((res) => { console.log(res); }); async 를 붙이고 리턴하게되면 promise를 리턴하며, resolve 값으로 "hello Async"가 출력된다 //ms를 받아서 ms만큼 대기했다가 끝나기 function delay(ms) { return new Promise((resolve) => { setTimeout(reso..