자바스크립트 기초 문법

자바스크립트 기초 문법

함수 선언 방법

함수를 선언할 때 function 이라는 예약어를 사용하고 그 뒤에 함수 이름을 붙인다. 그리고 필요한 명령은 중괄호 안에 작성한다. 함수를 선언할 . 때어떤 값을 받아야 한다면 그 값을 주고 받을 변수가 필요하므로 함수 이름 옆에 괄호를 붙여 변수를 지정한다. 함수를 선언할 . 때사용하는 변수를 매개변수 혹은 파라미터(parameter)라고 한다.

function 함수명 {,,,}
function 함수명(매개변수) {,,,}

//함수 선언
function greeting(name) {
	console.log(`${name} 님 안녕하세요`);
}
//함수 호출
greeting("홍길동");

프로그램 안에서 값이 바뀌지 않을 변수라면 const를 사용, 값을 변경할 변수라면 let를 사용

//함수 선언
const greeting = function(name) {
	console.log(`${name}님, 안녕하세요!`};
}
//함수 호출
greeting('홍길동');

즉시 실행 함수

따로 변수를 거치지 않고 함수를 선언하는 동시에 실행 가능한 함수

// 함수 선언과 호출을 동시에
(function (a, b) {
	console.log(`두 수의 합 : ${a + b}`);
})(100, 200)

화살표 함수

함수를 선언할때 화살표를 사용해서 조금 더 간단하게 만들 수 있다.

() => {...}
(매개변수) => {...}

//함수 표현식
let hi = function() {
	return `안녕하세요?`;
}
console.log(hi());

//화살표 함수
let hi = () => { return `안녕하세요?` };
console.log(hi());

//화살표 함수로 좀 더 간단하게
let hi = () => `안녕하세요`;
console.log(hi));

let sum = (a, b) => a + b;
conosoe.log(sun(100, 200));

자바스크립트 비동기 처리

동기 처리 : 프로그램 코드를 작성한 순서대로 처리하는 방식

비동기 처리 : 시간이 오래 걸리는 작업이 다른 작업에 영향을 끼치지 않다면 하나의 작업이 완료되지 않아도 다른 작업을 시작하는 방식 또는 시간이 걸리는 함수와 빨리 처리 가능한 함수가 뒤섞여 있을때 함수들을 운하는 처리 순서에 맞게 프로그래밍하는것

function displayA() {
	console.log("A");
}
function displayB() {
	console.log("B");
}
function displayC() {
	console.log("C");
}

displayA();
displayB();
displayC();

function displayA() {
	console.log("A");
}
function displayB() {
	setTimeout(() => {
		console.log("B");
	},2000);
}
function displayC() {
	console.log("C");
}

displayA();
displayB();
displayC();

자바스크립트에서 비동기 처리를 할 때 사용하는 방법

콜백 함수

다른 함수의 매개변수로 사용하는 함수를 말한다.

const order = (coffee, callback) => {
	console.log(`$(coffee) 주문 접수`);
	setTimeout(() => }
		callback(coffee);
	}, 3000);
}

const display = (result) => {
	console.log(`${result} 완료!`);
}

order(`아메리카노`, display);

콜백 함수를 남발하면 가독성이 떨어진다 이를 콜백 지옥(callback hell) 이라고 한다.

프라미스

처리에 성공했을 떄와 성공하지 않았을 떄의 반환 결과를 미리 약속해 둔것

프라미스 객체에서는 처리에 성공했는지 실패했는지 판단만 한다는것을 기억하자

let likePizza = ture;
const pizza = new Promise((resolve, reject) => {
	if(likePizza)
		resolve(`let order pizza.`);
	else
		reject(`dose not order pizza.`);
});

프라미스를 실행하는 then과 catch 함수

프라미스는 성공과 실패를 판단한다 then은 성공했을때, catch는 실패했을때 명령을 지정한다.

let likePizza = ture;
const pizza = new Promise((resolve, reject) => {
	if(likePizza)
		resolve(`let order pizza.`);
	else
		reject(`dose not order pizza.`);
});

pizza
	.then(result => console.log(result))
	.catch(err => console.log(err));
//let order pizza

async / await

함수를 선언 할 때 함수 앞에 async를 붙여서 선언하면 . 그 함수 안에서는 await를 붙여서 비동기 처리를 할 수 있다.

astnc function() {
...
await 함수
}

await를 사용해서 특정 함수를 비동기 처리하겠다면 그 함수를 감싸는 async function을 만들어야 한다.

async function init() {
	const response = await fetch("https:// ~~~"); // 서버에서 가져오기
	const users = await response.json();  // 가져온 정보 객체로 변환후 users에 저장
	console.log(users); //users표시
}
init();

노드의 모듈

기능별로 만들어 놓은 함수를 모듈 이라고 한다.

노드에서는 require 함수를 통해 모듈을 사용해 왔는데 이것을 CommonJS 모듈 시스템 이라고 한다.

이후 에크마스크립트가 발전하며 모듈 처리 표준이 정해졌는데 이 방식을 에크마스크립트 모듈 시스템 혹은 ES 모듈 시스템 이라고 한다.

아래는 모듈 작성 코드이다.

const user = 'kyh';
module.exports = user; // user 변수 내보내기

const hello = (name) => {
	console.log(`$[name}님, 안녕하세요?`);
);
module.exports = hello; // hello 함수 내보내기

__________________________________________________________

const user = require('./user'); // user.js에서 user 가져오기
const hello = require('./hello'); // 위와 같음

hello(user);

__________________________________________________________

//둘 이상의 변수 내보내기 및 가져오기
const user1 ='kim';
const user2 = 'lee';
const user3 = 'choi';
moudle.exports = {user1, user2};

const { user1, user2 } = require("./users-1");
const hello = require("./hello");

hello(user1);
hello(user2);

객체 만들기

객체란 여러 자료 유형을 하나로 묶어 놓은 것을 말한다.

키(key)와 값(vlaue)이 하나의 쌍을 이루며 쉼표로 구분한다.

위 형태의 쌍을 프로퍼티 라고 한다.

객체명 = {
	키 : 값,
	키 : 값,
	 ...
	 }
	 
let gitbook = {
	title : "깃 & 깃허브 입문",
	pubdata : '2019-12-06',
	pages : 272,
	finished : true
}

객체의 값에 접근하기

객체명.키
gitbook.title //gitbook 객체에서 title 키의 값 가져오기

둘 이상의 객체 값으로 받기

const user1 = 'Kim';
const user2 = 'Lee';
const user3 = 'Choi';

__________________________________________________________

const users = require('./users-1');
console.log(users);

노드의 코어 모듈

노드에는 백엔드 개발에 필요한 모듈이 이미 내장되어 있다. 이런 모듈을 코어 모듈이라고 한다.

글로벌 모듈

require 함수 없이 그대로 사용할 수 있는 모듈이다.

글로벌 모듈에 있는 객체를 글로벌 객체라고 한다.

console.log(`현제 모듈이 있는 폴더 이름 : ${__dirname}`);
console.log(`현재 모듈이 있는 파일 이름 : ${__filename}`);

타이머 함수 — setTimeout, setInterval, clearInterval

위 3가지 함수를 통틀어 타이머 함수라고 한다.

let remainingTime = 3000;
const waitingInterval = 500;

// 0.5초마다 호출되는 함수
const timer = setInterval(() => {
	// 남은 시간 표시
	console.log(`${remainingtime / 1000}초 남음`);
	remainingTime -= waitingInterval; // 남은 시간 감소
	
	if (remainingTIme <= 0 {
	// 남은 시간이 0 이하일 경우 'HI' 메세지를 표시하고 타이머 종료
		console.log('hi');
		clearInterval(timer);
	}
}, waitingInterval);

자바스크립트 기초 문법

함수 선언 방법

함수를 선언할 때 function 이라는 예약어를 사용하고 그 뒤에 함수 이름을 붙인다. 그리고 필요한 명령은 중괄호 안에 작성한다. 함수를 선언할 . 때어떤 값을 받아야 한다면 그 값을 주고 받을 변수가 필요하므로 함수 이름 옆에 괄호를 붙여 변수를 지정한다. 함수를 선언할 . 때사용하는 변수를 매개변수 혹은 파라미터(parameter)라고 한다.

function 함수명 {,,,}
function 함수명(매개변수) {,,,}

//함수 선언
function greeting(name) {
	console.log(`${name} 님 안녕하세요`);
}
//함수 호출
greeting("홍길동");

프로그램 안에서 값이 바뀌지 않을 변수라면 const를 사용, 값을 변경할 변수라면 let를 사용

//함수 선언
const greeting = function(name) {
	console.log(`${name}님, 안녕하세요!`};
}
//함수 호출
greeting('홍길동');

즉시 실행 함수

따로 변수를 거치지 않고 함수를 선언하는 동시에 실행 가능한 함수

// 함수 선언과 호출을 동시에
(function (a, b) {
	console.log(`두 수의 합 : ${a + b}`);
})(100, 200)

화살표 함수

함수를 선언할때 화살표를 사용해서 조금 더 간단하게 만들 수 있다.

() => {...}
(매개변수) => {...}

//함수 표현식
let hi = function() {
	return `안녕하세요?`;
}
console.log(hi());

//화살표 함수
let hi = () => { return `안녕하세요?` };
console.log(hi());

//화살표 함수로 좀 더 간단하게
let hi = () => `안녕하세요`;
console.log(hi));

let sum = (a, b) => a + b;
conosoe.log(sun(100, 200));

자바스크립트 비동기 처리

동기 처리 : 프로그램 코드를 작성한 순서대로 처리하는 방식

비동기 처리 : 시간이 오래 걸리는 작업이 다른 작업에 영향을 끼치지 않다면 하나의 작업이 완료되지 않아도 다른 작업을 시작하는 방식 또는 시간이 걸리는 함수와 빨리 처리 가능한 함수가 뒤섞여 있을때 함수들을 운하는 처리 순서에 맞게 프로그래밍하는것

function displayA() {
	console.log("A");
}
function displayB() {
	console.log("B");
}
function displayC() {
	console.log("C");
}

displayA();
displayB();
displayC();

function displayA() {
	console.log("A");
}
function displayB() {
	setTimeout(() => {
		console.log("B");
	},2000);
}
function displayC() {
	console.log("C");
}

displayA();
displayB();
displayC();

자바스크립트에서 비동기 처리를 할 때 사용하는 방법

콜백 함수

다른 함수의 매개변수로 사용하는 함수를 말한다.

const order = (coffee, callback) => {
	console.log(`$(coffee) 주문 접수`);
	setTimeout(() => }
		callback(coffee);
	}, 3000);
}

const display = (result) => {
	console.log(`${result} 완료!`);
}

order(`아메리카노`, display);

콜백 함수를 남발하면 가독성이 떨어진다 이를 콜백 지옥(callback hell) 이라고 한다.

프라미스

처리에 성공했을 떄와 성공하지 않았을 떄의 반환 결과를 미리 약속해 둔것

프라미스 객체에서는 처리에 성공했는지 실패했는지 판단만 한다는것을 기억하자

let likePizza = ture;
const pizza = new Promise((resolve, reject) => {
	if(likePizza)
		resolve(`let order pizza.`);
	else
		reject(`dose not order pizza.`);
});

프라미스를 실행하는 then과 catch 함수

프라미스는 성공과 실패를 판단한다 then은 성공했을때, catch는 실패했을때 명령을 지정한다.

let likePizza = ture;
const pizza = new Promise((resolve, reject) => {
	if(likePizza)
		resolve(`let order pizza.`);
	else
		reject(`dose not order pizza.`);
});

pizza
	.then(result => console.log(result))
	.catch(err => console.log(err));
//let order pizza

async / await

함수를 선언 할 때 함수 앞에 async를 붙여서 선언하면 . 그 함수 안에서는 await를 붙여서 비동기 처리를 할 수 있다.

astnc function() {
...
await 함수
}

await를 사용해서 특정 함수를 비동기 처리하겠다면 그 함수를 감싸는 async function을 만들어야 한다.

async function init() {
	const response = await fetch("https:// ~~~"); // 서버에서 가져오기
	const users = await response.json();  // 가져온 정보 객체로 변환후 users에 저장
	console.log(users); //users표시
}
init();

노드의 모듈

기능별로 만들어 놓은 함수를 모듈 이라고 한다.

노드에서는 require 함수를 통해 모듈을 사용해 왔는데 이것을 CommonJS 모듈 시스템 이라고 한다.

이후 에크마스크립트가 발전하며 모듈 처리 표준이 정해졌는데 이 방식을 에크마스크립트 모듈 시스템 혹은 ES 모듈 시스템 이라고 한다.

아래는 모듈 작성 코드이다.

const user = 'kyh';
module.exports = user; // user 변수 내보내기

const hello = (name) => {
	console.log(`$[name}님, 안녕하세요?`);
);
module.exports = hello; // hello 함수 내보내기

__________________________________________________________

const user = require('./user'); // user.js에서 user 가져오기
const hello = require('./hello'); // 위와 같음

hello(user);

__________________________________________________________

//둘 이상의 변수 내보내기 및 가져오기
const user1 ='kim';
const user2 = 'lee';
const user3 = 'choi';
moudle.exports = {user1, user2};

const { user1, user2 } = require("./users-1");
const hello = require("./hello");

hello(user1);
hello(user2);

객체 만들기

객체란 여러 자료 유형을 하나로 묶어 놓은 것을 말한다.

키(key)와 값(vlaue)이 하나의 쌍을 이루며 쉼표로 구분한다.

위 형태의 쌍을 프로퍼티 라고 한다.

객체명 = {
	키 : 값,
	키 : 값,
	 ...
	 }
	 
let gitbook = {
	title : "깃 & 깃허브 입문",
	pubdata : '2019-12-06',
	pages : 272,
	finished : true
}

객체의 값에 접근하기

객체명.키
gitbook.title //gitbook 객체에서 title 키의 값 가져오기

둘 이상의 객체 값으로 받기

const user1 = 'Kim';
const user2 = 'Lee';
const user3 = 'Choi';

__________________________________________________________

const users = require('./users-1');
console.log(users);

노드의 코어 모듈

노드에는 백엔드 개발에 필요한 모듈이 이미 내장되어 있다. 이런 모듈을 코어 모듈이라고 한다.

글로벌 모듈

require 함수 없이 그대로 사용할 수 있는 모듈이다.

글로벌 모듈에 있는 객체를 글로벌 객체라고 한다.

console.log(`현제 모듈이 있는 폴더 이름 : ${__dirname}`);
console.log(`현재 모듈이 있는 파일 이름 : ${__filename}`);

타이머 함수 — setTimeout, setInterval, clearInterval

위 3가지 함수를 통틀어 타이머 함수라고 한다.

let remainingTime = 3000;
const waitingInterval = 500;

// 0.5초마다 호출되는 함수
const timer = setInterval(() => {
	// 남은 시간 표시
	console.log(`${remainingtime / 1000}초 남음`);
	remainingTime -= waitingInterval; // 남은 시간 감소
	
	if (remainingTIme <= 0 {
	// 남은 시간이 0 이하일 경우 'HI' 메세지를 표시하고 타이머 종료
		console.log('hi');
		clearInterval(timer);
	}
}, waitingInterval);

자바스크립트 기초 문법

함수 선언 방법

함수를 선언할 때 function 이라는 예약어를 사용하고 그 뒤에 함수 이름을 붙인다. 그리고 필요한 명령은 중괄호 안에 작성한다. 함수를 선언할 . 때어떤 값을 받아야 한다면 그 값을 주고 받을 변수가 필요하므로 함수 이름 옆에 괄호를 붙여 변수를 지정한다. 함수를 선언할 . 때사용하는 변수를 매개변수 혹은 파라미터(parameter)라고 한다.

function 함수명 {,,,}
function 함수명(매개변수) {,,,}

//함수 선언
function greeting(name) {
	console.log(`${name} 님 안녕하세요`);
}
//함수 호출
greeting("홍길동");

프로그램 안에서 값이 바뀌지 않을 변수라면 const를 사용, 값을 변경할 변수라면 let를 사용

//함수 선언
const greeting = function(name) {
	console.log(`${name}님, 안녕하세요!`};
}
//함수 호출
greeting('홍길동');

즉시 실행 함수

따로 변수를 거치지 않고 함수를 선언하는 동시에 실행 가능한 함수

// 함수 선언과 호출을 동시에
(function (a, b) {
	console.log(`두 수의 합 : ${a + b}`);
})(100, 200)

화살표 함수

함수를 선언할때 화살표를 사용해서 조금 더 간단하게 만들 수 있다.

() => {...}
(매개변수) => {...}

//함수 표현식
let hi = function() {
	return `안녕하세요?`;
}
console.log(hi());

//화살표 함수
let hi = () => { return `안녕하세요?` };
console.log(hi());

//화살표 함수로 좀 더 간단하게
let hi = () => `안녕하세요`;
console.log(hi));

let sum = (a, b) => a + b;
conosoe.log(sun(100, 200));

자바스크립트 비동기 처리

동기 처리 : 프로그램 코드를 작성한 순서대로 처리하는 방식

비동기 처리 : 시간이 오래 걸리는 작업이 다른 작업에 영향을 끼치지 않다면 하나의 작업이 완료되지 않아도 다른 작업을 시작하는 방식 또는 시간이 걸리는 함수와 빨리 처리 가능한 함수가 뒤섞여 있을때 함수들을 운하는 처리 순서에 맞게 프로그래밍하는것

function displayA() {
	console.log("A");
}
function displayB() {
	console.log("B");
}
function displayC() {
	console.log("C");
}

displayA();
displayB();
displayC();

function displayA() {
	console.log("A");
}
function displayB() {
	setTimeout(() => {
		console.log("B");
	},2000);
}
function displayC() {
	console.log("C");
}

displayA();
displayB();
displayC();

자바스크립트에서 비동기 처리를 할 때 사용하는 방법

콜백 함수

다른 함수의 매개변수로 사용하는 함수를 말한다.

const order = (coffee, callback) => {
	console.log(`$(coffee) 주문 접수`);
	setTimeout(() => }
		callback(coffee);
	}, 3000);
}

const display = (result) => {
	console.log(`${result} 완료!`);
}

order(`아메리카노`, display);

콜백 함수를 남발하면 가독성이 떨어진다 이를 콜백 지옥(callback hell) 이라고 한다.

프라미스

처리에 성공했을 떄와 성공하지 않았을 떄의 반환 결과를 미리 약속해 둔것

프라미스 객체에서는 처리에 성공했는지 실패했는지 판단만 한다는것을 기억하자

let likePizza = ture;
const pizza = new Promise((resolve, reject) => {
	if(likePizza)
		resolve(`let order pizza.`);
	else
		reject(`dose not order pizza.`);
});

프라미스를 실행하는 then과 catch 함수

프라미스는 성공과 실패를 판단한다 then은 성공했을때, catch는 실패했을때 명령을 지정한다.

let likePizza = ture;
const pizza = new Promise((resolve, reject) => {
	if(likePizza)
		resolve(`let order pizza.`);
	else
		reject(`dose not order pizza.`);
});

pizza
	.then(result => console.log(result))
	.catch(err => console.log(err));
//let order pizza

async / await

함수를 선언 할 때 함수 앞에 async를 붙여서 선언하면 . 그 함수 안에서는 await를 붙여서 비동기 처리를 할 수 있다.

astnc function() {
...
await 함수
}

await를 사용해서 특정 함수를 비동기 처리하겠다면 그 함수를 감싸는 async function을 만들어야 한다.

async function init() {
	const response = await fetch("https:// ~~~"); // 서버에서 가져오기
	const users = await response.json();  // 가져온 정보 객체로 변환후 users에 저장
	console.log(users); //users표시
}
init();

노드의 모듈

기능별로 만들어 놓은 함수를 모듈 이라고 한다.

노드에서는 require 함수를 통해 모듈을 사용해 왔는데 이것을 CommonJS 모듈 시스템 이라고 한다.

이후 에크마스크립트가 발전하며 모듈 처리 표준이 정해졌는데 이 방식을 에크마스크립트 모듈 시스템 혹은 ES 모듈 시스템 이라고 한다.

아래는 모듈 작성 코드이다.

const user = 'kyh';
module.exports = user; // user 변수 내보내기

const hello = (name) => {
	console.log(`$[name}님, 안녕하세요?`);
);
module.exports = hello; // hello 함수 내보내기

__________________________________________________________

const user = require('./user'); // user.js에서 user 가져오기
const hello = require('./hello'); // 위와 같음

hello(user);

__________________________________________________________

//둘 이상의 변수 내보내기 및 가져오기
const user1 ='kim';
const user2 = 'lee';
const user3 = 'choi';
moudle.exports = {user1, user2};

const { user1, user2 } = require("./users-1");
const hello = require("./hello");

hello(user1);
hello(user2);

객체 만들기

객체란 여러 자료 유형을 하나로 묶어 놓은 것을 말한다.

키(key)와 값(vlaue)이 하나의 쌍을 이루며 쉼표로 구분한다.

위 형태의 쌍을 프로퍼티 라고 한다.

객체명 = {
	키 : 값,
	키 : 값,
	 ...
	 }
	 
let gitbook = {
	title : "깃 & 깃허브 입문",
	pubdata : '2019-12-06',
	pages : 272,
	finished : true
}

객체의 값에 접근하기

객체명.키
gitbook.title //gitbook 객체에서 title 키의 값 가져오기

둘 이상의 객체 값으로 받기

const user1 = 'Kim';
const user2 = 'Lee';
const user3 = 'Choi';

__________________________________________________________

const users = require('./users-1');
console.log(users);

노드의 코어 모듈

노드에는 백엔드 개발에 필요한 모듈이 이미 내장되어 있다. 이런 모듈을 코어 모듈이라고 한다.

글로벌 모듈

require 함수 없이 그대로 사용할 수 있는 모듈이다.

글로벌 모듈에 있는 객체를 글로벌 객체라고 한다.

console.log(`현제 모듈이 있는 폴더 이름 : ${__dirname}`);
console.log(`현재 모듈이 있는 파일 이름 : ${__filename}`);

타이머 함수 — setTimeout, setInterval, clearInterval

위 3가지 함수를 통틀어 타이머 함수라고 한다.

let remainingTime = 3000;
const waitingInterval = 500;

// 0.5초마다 호출되는 함수
const timer = setInterval(() => {
	// 남은 시간 표시
	console.log(`${remainingtime / 1000}초 남음`);
	remainingTime -= waitingInterval; // 남은 시간 감소
	
	if (remainingTIme <= 0 {
	// 남은 시간이 0 이하일 경우 'HI' 메세지를 표시하고 타이머 종료
		console.log('hi');
		clearInterval(timer);
	}
}, waitingInterval);

자바스크립트 기초 문법

함수 선언 방법

함수를 선언할 때 function 이라는 예약어를 사용하고 그 뒤에 함수 이름을 붙인다. 그리고 필요한 명령은 중괄호 안에 작성한다. 함수를 선언할 . 때어떤 값을 받아야 한다면 그 값을 주고 받을 변수가 필요하므로 함수 이름 옆에 괄호를 붙여 변수를 지정한다. 함수를 선언할 . 때사용하는 변수를 매개변수 혹은 파라미터(parameter)라고 한다.

function 함수명 {,,,}
function 함수명(매개변수) {,,,}

//함수 선언
function greeting(name) {
	console.log(`${name} 님 안녕하세요`);
}
//함수 호출
greeting("홍길동");

프로그램 안에서 값이 바뀌지 않을 변수라면 const를 사용, 값을 변경할 변수라면 let를 사용

//함수 선언
const greeting = function(name) {
	console.log(`${name}님, 안녕하세요!`};
}
//함수 호출
greeting('홍길동');

즉시 실행 함수

따로 변수를 거치지 않고 함수를 선언하는 동시에 실행 가능한 함수

// 함수 선언과 호출을 동시에
(function (a, b) {
	console.log(`두 수의 합 : ${a + b}`);
})(100, 200)

화살표 함수

함수를 선언할때 화살표를 사용해서 조금 더 간단하게 만들 수 있다.

() => {...}
(매개변수) => {...}

//함수 표현식
let hi = function() {
	return `안녕하세요?`;
}
console.log(hi());

//화살표 함수
let hi = () => { return `안녕하세요?` };
console.log(hi());

//화살표 함수로 좀 더 간단하게
let hi = () => `안녕하세요`;
console.log(hi));

let sum = (a, b) => a + b;
conosoe.log(sun(100, 200));

자바스크립트 비동기 처리

동기 처리 : 프로그램 코드를 작성한 순서대로 처리하는 방식

비동기 처리 : 시간이 오래 걸리는 작업이 다른 작업에 영향을 끼치지 않다면 하나의 작업이 완료되지 않아도 다른 작업을 시작하는 방식 또는 시간이 걸리는 함수와 빨리 처리 가능한 함수가 뒤섞여 있을때 함수들을 운하는 처리 순서에 맞게 프로그래밍하는것

function displayA() {
	console.log("A");
}
function displayB() {
	console.log("B");
}
function displayC() {
	console.log("C");
}

displayA();
displayB();
displayC();

function displayA() {
	console.log("A");
}
function displayB() {
	setTimeout(() => {
		console.log("B");
	},2000);
}
function displayC() {
	console.log("C");
}

displayA();
displayB();
displayC();

자바스크립트에서 비동기 처리를 할 때 사용하는 방법

콜백 함수

다른 함수의 매개변수로 사용하는 함수를 말한다.

const order = (coffee, callback) => {
	console.log(`$(coffee) 주문 접수`);
	setTimeout(() => }
		callback(coffee);
	}, 3000);
}

const display = (result) => {
	console.log(`${result} 완료!`);
}

order(`아메리카노`, display);

콜백 함수를 남발하면 가독성이 떨어진다 이를 콜백 지옥(callback hell) 이라고 한다.

프라미스

처리에 성공했을 떄와 성공하지 않았을 떄의 반환 결과를 미리 약속해 둔것

프라미스 객체에서는 처리에 성공했는지 실패했는지 판단만 한다는것을 기억하자

let likePizza = ture;
const pizza = new Promise((resolve, reject) => {
	if(likePizza)
		resolve(`let order pizza.`);
	else
		reject(`dose not order pizza.`);
});

프라미스를 실행하는 then과 catch 함수

프라미스는 성공과 실패를 판단한다 then은 성공했을때, catch는 실패했을때 명령을 지정한다.

let likePizza = ture;
const pizza = new Promise((resolve, reject) => {
	if(likePizza)
		resolve(`let order pizza.`);
	else
		reject(`dose not order pizza.`);
});

pizza
	.then(result => console.log(result))
	.catch(err => console.log(err));
//let order pizza

async / await

함수를 선언 할 때 함수 앞에 async를 붙여서 선언하면 . 그 함수 안에서는 await를 붙여서 비동기 처리를 할 수 있다.

astnc function() {
...
await 함수
}

await를 사용해서 특정 함수를 비동기 처리하겠다면 그 함수를 감싸는 async function을 만들어야 한다.

async function init() {
	const response = await fetch("https:// ~~~"); // 서버에서 가져오기
	const users = await response.json();  // 가져온 정보 객체로 변환후 users에 저장
	console.log(users); //users표시
}
init();

노드의 모듈

기능별로 만들어 놓은 함수를 모듈 이라고 한다.

노드에서는 require 함수를 통해 모듈을 사용해 왔는데 이것을 CommonJS 모듈 시스템 이라고 한다.

이후 에크마스크립트가 발전하며 모듈 처리 표준이 정해졌는데 이 방식을 에크마스크립트 모듈 시스템 혹은 ES 모듈 시스템 이라고 한다.

아래는 모듈 작성 코드이다.

const user = 'kyh';
module.exports = user; // user 변수 내보내기

const hello = (name) => {
	console.log(`$[name}님, 안녕하세요?`);
);
module.exports = hello; // hello 함수 내보내기

__________________________________________________________

const user = require('./user'); // user.js에서 user 가져오기
const hello = require('./hello'); // 위와 같음

hello(user);

__________________________________________________________

//둘 이상의 변수 내보내기 및 가져오기
const user1 ='kim';
const user2 = 'lee';
const user3 = 'choi';
moudle.exports = {user1, user2};

const { user1, user2 } = require("./users-1");
const hello = require("./hello");

hello(user1);
hello(user2);

객체 만들기

객체란 여러 자료 유형을 하나로 묶어 놓은 것을 말한다.

키(key)와 값(vlaue)이 하나의 쌍을 이루며 쉼표로 구분한다.

위 형태의 쌍을 프로퍼티 라고 한다.

객체명 = {
	키 : 값,
	키 : 값,
	 ...
	 }
	 
let gitbook = {
	title : "깃 & 깃허브 입문",
	pubdata : '2019-12-06',
	pages : 272,
	finished : true
}

객체의 값에 접근하기

객체명.키
gitbook.title //gitbook 객체에서 title 키의 값 가져오기

둘 이상의 객체 값으로 받기

const user1 = 'Kim';
const user2 = 'Lee';
const user3 = 'Choi';

__________________________________________________________

const users = require('./users-1');
console.log(users);

노드의 코어 모듈

노드에는 백엔드 개발에 필요한 모듈이 이미 내장되어 있다. 이런 모듈을 코어 모듈이라고 한다.

글로벌 모듈

require 함수 없이 그대로 사용할 수 있는 모듈이다.

글로벌 모듈에 있는 객체를 글로벌 객체라고 한다.

console.log(`현제 모듈이 있는 폴더 이름 : ${__dirname}`);
console.log(`현재 모듈이 있는 파일 이름 : ${__filename}`);

타이머 함수 — setTimeout, setInterval, clearInterval

위 3가지 함수를 통틀어 타이머 함수라고 한다.

let remainingTime = 3000;
const waitingInterval = 500;

// 0.5초마다 호출되는 함수
const timer = setInterval(() => {
	// 남은 시간 표시
	console.log(`${remainingtime / 1000}초 남음`);
	remainingTime -= waitingInterval; // 남은 시간 감소
	
	if (remainingTIme <= 0 {
	// 남은 시간이 0 이하일 경우 'HI' 메세지를 표시하고 타이머 종료
		console.log('hi');
		clearInterval(timer);
	}
}, waitingInterval);

자바스크립트 기초 문법

함수 선언 방법

함수를 선언할 때 function 이라는 예약어를 사용하고 그 뒤에 함수 이름을 붙인다. 그리고 필요한 명령은 중괄호 안에 작성한다. 함수를 선언할 . 때어떤 값을 받아야 한다면 그 값을 주고 받을 변수가 필요하므로 함수 이름 옆에 괄호를 붙여 변수를 지정한다. 함수를 선언할 . 때사용하는 변수를 매개변수 혹은 파라미터(parameter)라고 한다.

function 함수명 {,,,}
function 함수명(매개변수) {,,,}

//함수 선언
function greeting(name) {
	console.log(`${name} 님 안녕하세요`);
}
//함수 호출
greeting("홍길동");

프로그램 안에서 값이 바뀌지 않을 변수라면 const를 사용, 값을 변경할 변수라면 let를 사용

//함수 선언
const greeting = function(name) {
	console.log(`${name}님, 안녕하세요!`};
}
//함수 호출
greeting('홍길동');

즉시 실행 함수

따로 변수를 거치지 않고 함수를 선언하는 동시에 실행 가능한 함수

// 함수 선언과 호출을 동시에
(function (a, b) {
	console.log(`두 수의 합 : ${a + b}`);
})(100, 200)

화살표 함수

함수를 선언할때 화살표를 사용해서 조금 더 간단하게 만들 수 있다.

() => {...}
(매개변수) => {...}

//함수 표현식
let hi = function() {
	return `안녕하세요?`;
}
console.log(hi());

//화살표 함수
let hi = () => { return `안녕하세요?` };
console.log(hi());

//화살표 함수로 좀 더 간단하게
let hi = () => `안녕하세요`;
console.log(hi));

let sum = (a, b) => a + b;
conosoe.log(sun(100, 200));

자바스크립트 비동기 처리

동기 처리 : 프로그램 코드를 작성한 순서대로 처리하는 방식

비동기 처리 : 시간이 오래 걸리는 작업이 다른 작업에 영향을 끼치지 않다면 하나의 작업이 완료되지 않아도 다른 작업을 시작하는 방식 또는 시간이 걸리는 함수와 빨리 처리 가능한 함수가 뒤섞여 있을때 함수들을 운하는 처리 순서에 맞게 프로그래밍하는것

function displayA() {
	console.log("A");
}
function displayB() {
	console.log("B");
}
function displayC() {
	console.log("C");
}

displayA();
displayB();
displayC();

function displayA() {
	console.log("A");
}
function displayB() {
	setTimeout(() => {
		console.log("B");
	},2000);
}
function displayC() {
	console.log("C");
}

displayA();
displayB();
displayC();

자바스크립트에서 비동기 처리를 할 때 사용하는 방법

콜백 함수

다른 함수의 매개변수로 사용하는 함수를 말한다.

const order = (coffee, callback) => {
	console.log(`$(coffee) 주문 접수`);
	setTimeout(() => }
		callback(coffee);
	}, 3000);
}

const display = (result) => {
	console.log(`${result} 완료!`);
}

order(`아메리카노`, display);

콜백 함수를 남발하면 가독성이 떨어진다 이를 콜백 지옥(callback hell) 이라고 한다.

프라미스

처리에 성공했을 떄와 성공하지 않았을 떄의 반환 결과를 미리 약속해 둔것

프라미스 객체에서는 처리에 성공했는지 실패했는지 판단만 한다는것을 기억하자

let likePizza = ture;
const pizza = new Promise((resolve, reject) => {
	if(likePizza)
		resolve(`let order pizza.`);
	else
		reject(`dose not order pizza.`);
});

프라미스를 실행하는 then과 catch 함수

프라미스는 성공과 실패를 판단한다 then은 성공했을때, catch는 실패했을때 명령을 지정한다.

let likePizza = ture;
const pizza = new Promise((resolve, reject) => {
	if(likePizza)
		resolve(`let order pizza.`);
	else
		reject(`dose not order pizza.`);
});

pizza
	.then(result => console.log(result))
	.catch(err => console.log(err));
//let order pizza

async / await

함수를 선언 할 때 함수 앞에 async를 붙여서 선언하면 . 그 함수 안에서는 await를 붙여서 비동기 처리를 할 수 있다.

astnc function() {
...
await 함수
}

await를 사용해서 특정 함수를 비동기 처리하겠다면 그 함수를 감싸는 async function을 만들어야 한다.

async function init() {
	const response = await fetch("https:// ~~~"); // 서버에서 가져오기
	const users = await response.json();  // 가져온 정보 객체로 변환후 users에 저장
	console.log(users); //users표시
}
init();

노드의 모듈

기능별로 만들어 놓은 함수를 모듈 이라고 한다.

노드에서는 require 함수를 통해 모듈을 사용해 왔는데 이것을 CommonJS 모듈 시스템 이라고 한다.

이후 에크마스크립트가 발전하며 모듈 처리 표준이 정해졌는데 이 방식을 에크마스크립트 모듈 시스템 혹은 ES 모듈 시스템 이라고 한다.

아래는 모듈 작성 코드이다.

const user = 'kyh';
module.exports = user; // user 변수 내보내기

const hello = (name) => {
	console.log(`$[name}님, 안녕하세요?`);
);
module.exports = hello; // hello 함수 내보내기

__________________________________________________________

const user = require('./user'); // user.js에서 user 가져오기
const hello = require('./hello'); // 위와 같음

hello(user);

__________________________________________________________

//둘 이상의 변수 내보내기 및 가져오기
const user1 ='kim';
const user2 = 'lee';
const user3 = 'choi';
moudle.exports = {user1, user2};

const { user1, user2 } = require("./users-1");
const hello = require("./hello");

hello(user1);
hello(user2);

객체 만들기

객체란 여러 자료 유형을 하나로 묶어 놓은 것을 말한다.

키(key)와 값(vlaue)이 하나의 쌍을 이루며 쉼표로 구분한다.

위 형태의 쌍을 프로퍼티 라고 한다.

객체명 = {
	키 : 값,
	키 : 값,
	 ...
	 }
	 
let gitbook = {
	title : "깃 & 깃허브 입문",
	pubdata : '2019-12-06',
	pages : 272,
	finished : true
}

객체의 값에 접근하기

객체명.키
gitbook.title //gitbook 객체에서 title 키의 값 가져오기

둘 이상의 객체 값으로 받기

const user1 = 'Kim';
const user2 = 'Lee';
const user3 = 'Choi';

__________________________________________________________

const users = require('./users-1');
console.log(users);

노드의 코어 모듈

노드에는 백엔드 개발에 필요한 모듈이 이미 내장되어 있다. 이런 모듈을 코어 모듈이라고 한다.

글로벌 모듈

require 함수 없이 그대로 사용할 수 있는 모듈이다.

글로벌 모듈에 있는 객체를 글로벌 객체라고 한다.

console.log(`현제 모듈이 있는 폴더 이름 : ${__dirname}`);
console.log(`현재 모듈이 있는 파일 이름 : ${__filename}`);

타이머 함수 — setTimeout, setInterval, clearInterval

위 3가지 함수를 통틀어 타이머 함수라고 한다.

let remainingTime = 3000;
const waitingInterval = 500;

// 0.5초마다 호출되는 함수
const timer = setInterval(() => {
	// 남은 시간 표시
	console.log(`${remainingtime / 1000}초 남음`);
	remainingTime -= waitingInterval; // 남은 시간 감소
	
	if (remainingTIme <= 0 {
	// 남은 시간이 0 이하일 경우 'HI' 메세지를 표시하고 타이머 종료
		console.log('hi');
		clearInterval(timer);
	}
}, waitingInterval);

자바스크립트 기초 문법

함수 선언 방법

함수를 선언할 때 function 이라는 예약어를 사용하고 그 뒤에 함수 이름을 붙인다. 그리고 필요한 명령은 중괄호 안에 작성한다. 함수를 선언할 . 때어떤 값을 받아야 한다면 그 값을 주고 받을 변수가 필요하므로 함수 이름 옆에 괄호를 붙여 변수를 지정한다. 함수를 선언할 . 때사용하는 변수를 매개변수 혹은 파라미터(parameter)라고 한다.

function 함수명 {,,,}
function 함수명(매개변수) {,,,}

//함수 선언
function greeting(name) {
	console.log(`${name} 님 안녕하세요`);
}
//함수 호출
greeting("홍길동");

프로그램 안에서 값이 바뀌지 않을 변수라면 const를 사용, 값을 변경할 변수라면 let를 사용

//함수 선언
const greeting = function(name) {
	console.log(`${name}님, 안녕하세요!`};
}
//함수 호출
greeting('홍길동');

즉시 실행 함수

따로 변수를 거치지 않고 함수를 선언하는 동시에 실행 가능한 함수

// 함수 선언과 호출을 동시에
(function (a, b) {
	console.log(`두 수의 합 : ${a + b}`);
})(100, 200)

화살표 함수

함수를 선언할때 화살표를 사용해서 조금 더 간단하게 만들 수 있다.

() => {...}
(매개변수) => {...}

//함수 표현식
let hi = function() {
	return `안녕하세요?`;
}
console.log(hi());

//화살표 함수
let hi = () => { return `안녕하세요?` };
console.log(hi());

//화살표 함수로 좀 더 간단하게
let hi = () => `안녕하세요`;
console.log(hi));

let sum = (a, b) => a + b;
conosoe.log(sun(100, 200));

자바스크립트 비동기 처리

동기 처리 : 프로그램 코드를 작성한 순서대로 처리하는 방식

비동기 처리 : 시간이 오래 걸리는 작업이 다른 작업에 영향을 끼치지 않다면 하나의 작업이 완료되지 않아도 다른 작업을 시작하는 방식 또는 시간이 걸리는 함수와 빨리 처리 가능한 함수가 뒤섞여 있을때 함수들을 운하는 처리 순서에 맞게 프로그래밍하는것

function displayA() {
	console.log("A");
}
function displayB() {
	console.log("B");
}
function displayC() {
	console.log("C");
}

displayA();
displayB();
displayC();

function displayA() {
	console.log("A");
}
function displayB() {
	setTimeout(() => {
		console.log("B");
	},2000);
}
function displayC() {
	console.log("C");
}

displayA();
displayB();
displayC();

자바스크립트에서 비동기 처리를 할 때 사용하는 방법

콜백 함수

다른 함수의 매개변수로 사용하는 함수를 말한다.

const order = (coffee, callback) => {
	console.log(`$(coffee) 주문 접수`);
	setTimeout(() => }
		callback(coffee);
	}, 3000);
}

const display = (result) => {
	console.log(`${result} 완료!`);
}

order(`아메리카노`, display);

콜백 함수를 남발하면 가독성이 떨어진다 이를 콜백 지옥(callback hell) 이라고 한다.

프라미스

처리에 성공했을 떄와 성공하지 않았을 떄의 반환 결과를 미리 약속해 둔것

프라미스 객체에서는 처리에 성공했는지 실패했는지 판단만 한다는것을 기억하자

let likePizza = ture;
const pizza = new Promise((resolve, reject) => {
	if(likePizza)
		resolve(`let order pizza.`);
	else
		reject(`dose not order pizza.`);
});

프라미스를 실행하는 then과 catch 함수

프라미스는 성공과 실패를 판단한다 then은 성공했을때, catch는 실패했을때 명령을 지정한다.

let likePizza = ture;
const pizza = new Promise((resolve, reject) => {
	if(likePizza)
		resolve(`let order pizza.`);
	else
		reject(`dose not order pizza.`);
});

pizza
	.then(result => console.log(result))
	.catch(err => console.log(err));
//let order pizza

async / await

함수를 선언 할 때 함수 앞에 async를 붙여서 선언하면 . 그 함수 안에서는 await를 붙여서 비동기 처리를 할 수 있다.

astnc function() {
...
await 함수
}

await를 사용해서 특정 함수를 비동기 처리하겠다면 그 함수를 감싸는 async function을 만들어야 한다.

async function init() {
	const response = await fetch("https:// ~~~"); // 서버에서 가져오기
	const users = await response.json();  // 가져온 정보 객체로 변환후 users에 저장
	console.log(users); //users표시
}
init();

노드의 모듈

기능별로 만들어 놓은 함수를 모듈 이라고 한다.

노드에서는 require 함수를 통해 모듈을 사용해 왔는데 이것을 CommonJS 모듈 시스템 이라고 한다.

이후 에크마스크립트가 발전하며 모듈 처리 표준이 정해졌는데 이 방식을 에크마스크립트 모듈 시스템 혹은 ES 모듈 시스템 이라고 한다.

아래는 모듈 작성 코드이다.

const user = 'kyh';
module.exports = user; // user 변수 내보내기

const hello = (name) => {
	console.log(`$[name}님, 안녕하세요?`);
);
module.exports = hello; // hello 함수 내보내기

__________________________________________________________

const user = require('./user'); // user.js에서 user 가져오기
const hello = require('./hello'); // 위와 같음

hello(user);

__________________________________________________________

//둘 이상의 변수 내보내기 및 가져오기
const user1 ='kim';
const user2 = 'lee';
const user3 = 'choi';
moudle.exports = {user1, user2};

const { user1, user2 } = require("./users-1");
const hello = require("./hello");

hello(user1);
hello(user2);

객체 만들기

객체란 여러 자료 유형을 하나로 묶어 놓은 것을 말한다.

키(key)와 값(vlaue)이 하나의 쌍을 이루며 쉼표로 구분한다.

위 형태의 쌍을 프로퍼티 라고 한다.

객체명 = {
	키 : 값,
	키 : 값,
	 ...
	 }
	 
let gitbook = {
	title : "깃 & 깃허브 입문",
	pubdata : '2019-12-06',
	pages : 272,
	finished : true
}

객체의 값에 접근하기

객체명.키
gitbook.title //gitbook 객체에서 title 키의 값 가져오기

둘 이상의 객체 값으로 받기

const user1 = 'Kim';
const user2 = 'Lee';
const user3 = 'Choi';

__________________________________________________________

const users = require('./users-1');
console.log(users);

노드의 코어 모듈

노드에는 백엔드 개발에 필요한 모듈이 이미 내장되어 있다. 이런 모듈을 코어 모듈이라고 한다.

글로벌 모듈

require 함수 없이 그대로 사용할 수 있는 모듈이다.

글로벌 모듈에 있는 객체를 글로벌 객체라고 한다.

console.log(`현제 모듈이 있는 폴더 이름 : ${__dirname}`);
console.log(`현재 모듈이 있는 파일 이름 : ${__filename}`);

타이머 함수 — setTimeout, setInterval, clearInterval

위 3가지 함수를 통틀어 타이머 함수라고 한다.

let remainingTime = 3000;
const waitingInterval = 500;

// 0.5초마다 호출되는 함수
const timer = setInterval(() => {
	// 남은 시간 표시
	console.log(`${remainingtime / 1000}초 남음`);
	remainingTime -= waitingInterval; // 남은 시간 감소
	
	if (remainingTIme <= 0 {
	// 남은 시간이 0 이하일 경우 'HI' 메세지를 표시하고 타이머 종료
		console.log('hi');
		clearInterval(timer);
	}
}, waitingInterval);

자바스크립트 기초 문법

함수 선언 방법

함수를 선언할 때 function 이라는 예약어를 사용하고 그 뒤에 함수 이름을 붙인다. 그리고 필요한 명령은 중괄호 안에 작성한다. 함수를 선언할 . 때어떤 값을 받아야 한다면 그 값을 주고 받을 변수가 필요하므로 함수 이름 옆에 괄호를 붙여 변수를 지정한다. 함수를 선언할 . 때사용하는 변수를 매개변수 혹은 파라미터(parameter)라고 한다.

function 함수명 {,,,}
function 함수명(매개변수) {,,,}

//함수 선언
function greeting(name) {
	console.log(`${name} 님 안녕하세요`);
}
//함수 호출
greeting("홍길동");

프로그램 안에서 값이 바뀌지 않을 변수라면 const를 사용, 값을 변경할 변수라면 let를 사용

//함수 선언
const greeting = function(name) {
	console.log(`${name}님, 안녕하세요!`};
}
//함수 호출
greeting('홍길동');

즉시 실행 함수

따로 변수를 거치지 않고 함수를 선언하는 동시에 실행 가능한 함수

// 함수 선언과 호출을 동시에
(function (a, b) {
	console.log(`두 수의 합 : ${a + b}`);
})(100, 200)

화살표 함수

함수를 선언할때 화살표를 사용해서 조금 더 간단하게 만들 수 있다.

() => {...}
(매개변수) => {...}

//함수 표현식
let hi = function() {
	return `안녕하세요?`;
}
console.log(hi());

//화살표 함수
let hi = () => { return `안녕하세요?` };
console.log(hi());

//화살표 함수로 좀 더 간단하게
let hi = () => `안녕하세요`;
console.log(hi));

let sum = (a, b) => a + b;
conosoe.log(sun(100, 200));

자바스크립트 비동기 처리

동기 처리 : 프로그램 코드를 작성한 순서대로 처리하는 방식

비동기 처리 : 시간이 오래 걸리는 작업이 다른 작업에 영향을 끼치지 않다면 하나의 작업이 완료되지 않아도 다른 작업을 시작하는 방식 또는 시간이 걸리는 함수와 빨리 처리 가능한 함수가 뒤섞여 있을때 함수들을 운하는 처리 순서에 맞게 프로그래밍하는것

function displayA() {
	console.log("A");
}
function displayB() {
	console.log("B");
}
function displayC() {
	console.log("C");
}

displayA();
displayB();
displayC();

function displayA() {
	console.log("A");
}
function displayB() {
	setTimeout(() => {
		console.log("B");
	},2000);
}
function displayC() {
	console.log("C");
}

displayA();
displayB();
displayC();

자바스크립트에서 비동기 처리를 할 때 사용하는 방법

콜백 함수

다른 함수의 매개변수로 사용하는 함수를 말한다.

const order = (coffee, callback) => {
	console.log(`$(coffee) 주문 접수`);
	setTimeout(() => }
		callback(coffee);
	}, 3000);
}

const display = (result) => {
	console.log(`${result} 완료!`);
}

order(`아메리카노`, display);

콜백 함수를 남발하면 가독성이 떨어진다 이를 콜백 지옥(callback hell) 이라고 한다.

프라미스

처리에 성공했을 떄와 성공하지 않았을 떄의 반환 결과를 미리 약속해 둔것

프라미스 객체에서는 처리에 성공했는지 실패했는지 판단만 한다는것을 기억하자

let likePizza = ture;
const pizza = new Promise((resolve, reject) => {
	if(likePizza)
		resolve(`let order pizza.`);
	else
		reject(`dose not order pizza.`);
});

프라미스를 실행하는 then과 catch 함수

프라미스는 성공과 실패를 판단한다 then은 성공했을때, catch는 실패했을때 명령을 지정한다.

let likePizza = ture;
const pizza = new Promise((resolve, reject) => {
	if(likePizza)
		resolve(`let order pizza.`);
	else
		reject(`dose not order pizza.`);
});

pizza
	.then(result => console.log(result))
	.catch(err => console.log(err));
//let order pizza

async / await

함수를 선언 할 때 함수 앞에 async를 붙여서 선언하면 . 그 함수 안에서는 await를 붙여서 비동기 처리를 할 수 있다.

astnc function() {
...
await 함수
}

await를 사용해서 특정 함수를 비동기 처리하겠다면 그 함수를 감싸는 async function을 만들어야 한다.

async function init() {
	const response = await fetch("https:// ~~~"); // 서버에서 가져오기
	const users = await response.json();  // 가져온 정보 객체로 변환후 users에 저장
	console.log(users); //users표시
}
init();

노드의 모듈

기능별로 만들어 놓은 함수를 모듈 이라고 한다.

노드에서는 require 함수를 통해 모듈을 사용해 왔는데 이것을 CommonJS 모듈 시스템 이라고 한다.

이후 에크마스크립트가 발전하며 모듈 처리 표준이 정해졌는데 이 방식을 에크마스크립트 모듈 시스템 혹은 ES 모듈 시스템 이라고 한다.

아래는 모듈 작성 코드이다.

const user = 'kyh';
module.exports = user; // user 변수 내보내기

const hello = (name) => {
	console.log(`$[name}님, 안녕하세요?`);
);
module.exports = hello; // hello 함수 내보내기

__________________________________________________________

const user = require('./user'); // user.js에서 user 가져오기
const hello = require('./hello'); // 위와 같음

hello(user);

__________________________________________________________

//둘 이상의 변수 내보내기 및 가져오기
const user1 ='kim';
const user2 = 'lee';
const user3 = 'choi';
moudle.exports = {user1, user2};

const { user1, user2 } = require("./users-1");
const hello = require("./hello");

hello(user1);
hello(user2);

객체 만들기

객체란 여러 자료 유형을 하나로 묶어 놓은 것을 말한다.

키(key)와 값(vlaue)이 하나의 쌍을 이루며 쉼표로 구분한다.

위 형태의 쌍을 프로퍼티 라고 한다.

객체명 = {
	키 : 값,
	키 : 값,
	 ...
	 }
	 
let gitbook = {
	title : "깃 & 깃허브 입문",
	pubdata : '2019-12-06',
	pages : 272,
	finished : true
}

객체의 값에 접근하기

객체명.키
gitbook.title //gitbook 객체에서 title 키의 값 가져오기

둘 이상의 객체 값으로 받기

const user1 = 'Kim';
const user2 = 'Lee';
const user3 = 'Choi';

__________________________________________________________

const users = require('./users-1');
console.log(users);

노드의 코어 모듈

노드에는 백엔드 개발에 필요한 모듈이 이미 내장되어 있다. 이런 모듈을 코어 모듈이라고 한다.

글로벌 모듈

require 함수 없이 그대로 사용할 수 있는 모듈이다.

글로벌 모듈에 있는 객체를 글로벌 객체라고 한다.

console.log(`현제 모듈이 있는 폴더 이름 : ${__dirname}`);
console.log(`현재 모듈이 있는 파일 이름 : ${__filename}`);

타이머 함수 — setTimeout, setInterval, clearInterval

위 3가지 함수를 통틀어 타이머 함수라고 한다.

let remainingTime = 3000;
const waitingInterval = 500;

// 0.5초마다 호출되는 함수
const timer = setInterval(() => {
	// 남은 시간 표시
	console.log(`${remainingtime / 1000}초 남음`);
	remainingTime -= waitingInterval; // 남은 시간 감소
	
	if (remainingTIme <= 0 {
	// 남은 시간이 0 이하일 경우 'HI' 메세지를 표시하고 타이머 종료
		console.log('hi');
		clearInterval(timer);
	}
}, waitingInterval);