웹 개발을위한 최고의 JavaScript 팁

웹 개발을위한 최고의 JavaScript 팁

멋진 JavaScript 팁을 찾고 계십니까? 이 게시물은 인터넷에서 가장 널리 사용되는 프로그래밍 언어 중 하나를 배우는 데 도움이되는 재미 있고 효과적인 JS 팁을 다양하게 설명합니다.

다음 JavaScript 주제를 다룰 것입니다.

  • JS의 ArrayMethods
  • JavaScript로 API 요청하기
  • 자바 스크립트의 'for'루프 개요
  • Node.js 소개

JavaScript의 배열 메서드

배열은 JavaScript 및 일반적인 프로그래밍 언어의 가장 중요한 구성 요소 중 하나입니다. 종종 자체 데이터 유형으로 오해되지만 실제로는 Object, 기능과 함께. 간단히 말해서 배열은 모든 유형의 값을 무제한으로 보유 할 수있는 복합 데이터 구조입니다. 각 값은 숫자로 인덱싱됩니다 (즉, 각 값에는 배열에서 위치를 지정하는 숫자가 있음). 이는 데이터 저장 및 구성에있어 어레이를 매우 유연하게 만듭니다. 배열은 문자열, 숫자, 객체 또는 다른 배열을 저장할 수 있습니다. 이 게시물은 가장 일반적으로 사용되는 내장 JavaScript 배열 메소드에 대한 개요를 제공합니다. 이러한 메서드 또는 함수를 사용하여 배열 내부의 데이터를 조작하고 처리 할 수 ​​있습니다.

웹 개발을위한 최고의 JavaScript 팁

concat()

그리고, concat() "concatenate"의 줄임말 인 method를 사용하면 두 배열을 함께 결합 할 수 있습니다.

var colors = [ "검은 색", "흰색", "파란색"];
var colors2 = [ "녹색", "노란색", "보라색"];
â € <
document.write (colors.concat (colors2));
// 출력 : "검정, 흰색, 파란색, 녹색, 노란색, 보라색"

 

그 자체로 concat() 메서드가 호출 된 원래 배열을 변경하지 않습니다. 부름 colors 여전히 3 개의 값만있는 원래 배열을 출력합니다. 원래 배열을 업데이트하려면 다음에서 메서드를 호출해야합니다. colors 배열, 변수 재 할당 :

그 자체로 concat() 메서드를 호출하는 원래 배열을 변경하지 않습니다. 부름 colors 여전히 3 개의 값만있는 원래 배열을 출력합니다. 원래 배열을 업데이트하려면 다음에서 메서드를 호출해야합니다. colors 배열, 변수 재 할당 :

색상 = colors.concat (colors1); 

 

push()

종종 배열의 끝에 새 항목을 추가하기를 원할 것입니다. push() 방법. 동일한 호출에서 단일 또는 여러 값을 배열에 푸시 할 수 있습니다.

var colors = [ "검은 색", "흰색", "파란색"];
colors.push ( "녹색", "노란색");
â € <
document.write (색상);
// 출력 : "검정, 흰색, 파란색, 녹색, 노란색"

 

같지 않은 concat(), push() 하지 푸시 한 값으로 원래 배열을 업데이트합니다.

unshift()

유사하게 push(), unshift() 하나 이상의 새 값을 처음 배열의 :

var colors = [ "검은 색", "흰색", "파란색"];
colors.unshift ( "녹색");
â € <
document.write (색상);
// 출력 : "green, black, white, blue"

 

pop()

pop() 의 역입니다 push() 메소드를 사용하면 배열의 마지막 요소를 "팝"하거나 제거합니다.

var colors = [ "검은 색", "흰색", "파란색"];
colors.pop ();
â € <
document.write (색상);
// 출력 : "black, white" 

 

이후 pop() 배열에서 항목을 제거합니다. 제거 된 항목을 다른 용도로 다른 변수에 저장하는 것이 일반적입니다.

var lastItem = colors.pop ();
â € <
document.write (lastItem);
// 출력 : "파란색"

 

shift()

마찬가지로, shift() 배열의 첫 번째 항목을 제거합니다.

var colors = [ "검은 색", "흰색", "파란색"];
colors.shift ();
â € <
document.write (색상);
// 출력 : "white, blue"; 

 

VOUS pouvez의 aussi 사용 shift() 제거 된 항목을 새 변수에 저장하는 것과 함께 :

var firstItem = colors.shift ();
â € <
document.write (firstItem);
// 출력 : "black" 

 

reverse()

이름에서 알 수 있듯이 reverse() 메서드는 배열의 값 순서를 반대로합니다.

변수 myArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var reversedArray = myArray.reverse ();
â € <
document.write (reversedArray);
// 출력 : 10, 9, 8, 7, 6, 5, 4, 3, 2, 1

 

reverse() 원래 배열을 변경하지 않습니다. 반전 된 배열을 새 변수에 저장해야합니다. 또는 반전 된 변경 사항을 유지하기 위해 원래 변수에 다시 할당 할 수 있습니다.

join()

그리고, join() array 메소드는 배열의 모든 값을 문자열로 결합한 다음 문자열을 반환합니다.

var colors = [ "검정색", "흰색", "파란색", "녹색"];
console.log (colors.join ());
// 출력 : 검정, 흰색, 파란색, 녹색 

 

다음과 함께 포함될 수있는 선택적 "separator"매개 변수가 있습니다. join(). 이 매개 변수는 문자열의 각 값을 구분할 문자 (또는 문자 집합)를 나타냅니다. 아래 예제는 각 값을 쉼표와 공백 문자로 구분합니다.

var colors = [ "검정색", "흰색", "파란색", "녹색"];
console.log (colors.join ( ',');
// 출력 : 검정, 흰색, 파란색, 녹색 

 

join() 원래 배열을 수정하지 않습니다. 저장하려면 수정 사항을 변수에 할당해야합니다.

var colorList = colors.join ( ',');
console.log (colorList);
// 출력 : 검정, 흰색, 파란색, 녹색
â € <
console.log (색상);
// 출력 : [ "black", "white", "blue", "green"]
// 즉 여전히 원래 배열

 

sort()

sort() 배열의 값을 영숫자 순서로 정렬합니다. sort() 하지 원래 배열 업데이트 :

변수 arr1 = [4, 9, 3, 2, 1];
arr1.sort ();
console.log (arr1);
// 출력 : [1, 2, 3, 4, 9]

 

sort() 메서드를 호출 할 때만 값을 주문합니다. 배열에 값을 추가하거나 수정하는 경우 다시 정렬하려면 다시 호출해야합니다.

indexOf()

indexOf() 메소드에 문자열 매개 변수로 제공된 검색어의 색인 값을 반환합니다.

var colors = [ "검정색", "흰색", "파란색", "녹색"];
colors.indexOf ( '화이트');
// 1 반환

 

일치하는 색인이없는 경우 searchValue 매개 변수, indexOf() 돌아올거야. -1:

var colors = [ "검정색", "흰색", "파란색", "녹색"];
colors.indexOf ( 'orange');
// -1 반환

 

indexOf() 대소 문자를 구분합니다.

colors.indexOf ( '블루');
// -1 반환

 

선택 사항도 있습니다 fromIndex 매개 변수. 검색을 시작해야하는 인덱스 값을 나타냅니다. 제공되지 않으면 색인에서 검색이 시작됩니다. 0 기본적으로:

var names = [ "Michael", "John", "Sarah", "Michael", "Matthew"];
names.indexOf ( '마이클', 2);
// 3 반환 

 

slice()

그리고, slice() 메서드는 시작 및 끝 지점에 대한 선택적 매개 변수로 표시된 배열의 "조각"을 반환합니다. slice() 원래 어레이를 수정하지 않은 상태로 둡니다.

그리고, slice() 메서드는 배열의 "조각"을 반환합니다. 선택적 매개 변수를 통해 시작 및 종료 지점을 표시 할 수 있습니다. slice() 원래 어레이를 수정하지 않은 상태로 둡니다.

var colors = [ "검정색", "흰색", "파란색", "녹색", "보라색", "주황색"];
var colors2 = colors.slice (2, 5);
console.log (colors2);
// 출력 : [ "파란색", "녹색", "보라색"]
â € <
var colors3 = colors.slice (1);
console.log (colors3);
// 출력 : [ "white", "blue", "green", "purple", "orange"];
â € <
console.log (색상);
// 출력 : [ "black", "white", "blue", "green", "purple", "orange"]; 

 

filter()

filter() 다소 유사합니다 slice() 방법. 주요 차이점은 특정 조건에 따라 새 어레이를 생성한다는 것입니다. 조건을 전달하는 배열의 각 값은 새 배열로 "필터링"됩니다. 필터링 조건은 콜백 함수를 통해 설정됩니다.

var someWords = [ "쉬움", "어려움", "암호화", "사회", "전체", "빠르다", "복잡함"];
â € <
function checkSize (w) {
    w.length> 5 반환;
}
â € <
var bigWords = someWords.filter (checkSize);
console.log (bigWords);
// 출력 : [ "encryption", "society", "fastidious", "complexity"] 

 

위의 예에서는 checkSize() 6 자 미만의 단어를 필터링하는 콜백 함수. 또한 나머지 모든 값을 bigWords.

every()

그리고, every() 배열 메서드는 배열의 모든 값이 조건을 통과하는지 확인합니다. 여기의 조건은 콜백 함수를 통해서도 제공됩니다. 통과하면 메서드는 true, 그렇지 않은 경우 반환됩니다. false:

변수 번호 = [20, 31, 18, 500];
â € <
function greaterThan10 (값) {
    반환 값> 10;
}
â € <
console.log (nums.every (greaterThan10));
// 출력 : true

 

위의 예는 모든 값이 nums 배열이보다 큼 10, 반환 true.

isArray()

이름에서 알 수 있듯이 .isArray() 전달 된 값이 배열인지 여부를 확인합니다.

Array.isArray ([ '파란색', '노란색' '녹색']); // true를 반환합니다.
Array.isArray (3); // false 반환
Array.isArray ( 'hello'); // false 반환

 

findIndex()

findIndex() 거의 반대입니다 indexOf() 방법. 조건을 만족하는 배열에서 첫 번째 값의 인덱스를 반환합니다. 조건은 콜백 함수를 통해 설정됩니다. 조건을 만족하는 값이 없으면 함수는 다음을 반환합니다. -1.

var colors = [ '검은 색', '파란색', '노란색', '녹색', '보라색'];
â € <
function greaterThanFive (e) {
    return e.length> 5;
}
â € <
var indexOfLargeValue = colors.findIndex (greaterThanFive);
console.log (indexOfLargeValue);
// 출력 : 2

 

forEach()

그리고, forEach() 메서드는 메서드가 호출 된 배열의 모든 값에 대해 콜백 함수를 실행합니다. 이는 배열의 각 인덱스와 다른 많은 응용 프로그램에 동일하게 값을 추가하는 데 유용합니다. 그러나 이것은 원래 배열을 수정하지 않으므로 새 값을 다른 변수에 저장해야합니다.

변수 번호 = [1, 2, 3, 5, 8, 13];
var numsUpdated = [];
â € <
function addTwo (e) {
    그리고 + = 2;
    numsUpdated.push (e);
}
â € <
nums.forEach (addTwo);
console.log (numsUpdated);
// 출력 : [3, 4, 5, 7, 10, 15]

 

이것은 a를 사용하는 것과 유사합니다. for 약간 더 간단한 구문을 사용하여 배열을 반복합니다.

includes()

당신이 사용할 수 includes() 특정 배열에 주어진 값이 있는지 여부를 확인합니다. 배열이 있으면 다음을 반환합니다. true, 그렇지 않으면 반환됩니다. false.

var colors = [ '검은 색', '파란색', '노란색', '녹색', '보라색'];
â € <
console.log (colors.includes ( 'blue'));
// 출력 : true
â € <
console.log (colors.includes ( 'red'));
// 출력 : false

 

선택적 두 번째 매개 변수가 있습니다. fromIndex. 검색을 시작할 위치를 나타냅니다.

var colors = [ '검은 색', '파란색', '노란색', '녹색', '보라색'];
â € <
console.log (colors.includes ( 'blue', 2));
// 출력 : false
â € <
console.log (colors.includes ( 'blue', 1));
// 출력 : true

 

lastIndexOf()

유사하게 indexOf(), lastIndexOf() 첫 번째가 아니라 배열에서 주어진 값의 마지막 인스턴스를 찾습니다. 이 메서드는 배열의 끝에서 검색을 시작하고 적합한 일치 항목을 찾을 때까지 처음으로 작업합니다. 일치하는 항목이 없으면 메서드는 다음을 반환합니다. -1:

var food = [ 'sushi', 'pizza', 'cheeseburger', 'sushi', 'pasta'];
â € <
console.log (food.lastIndexOf ( 'sushi'));
// 출력 : 3
â € <
console.log (food.lastIndexOf ( 'burrito'));
// 출력 : -1

 

.toString()

.toString() 다소 유사합니다 .join() 둘 다 값의 전체 인덱스를 문자열로 반환 할 수 있다는 점에서. toString() 훨씬 간단한 방법입니다. 각 값 사이에 배치 할 "구분자"문자를 지정하기위한 선택적 매개 변수가 없습니다. 배열의 모든 값은 공백없이 쉼표로 구분됩니다. 이것은 응용 프로그램에 따라 좋거나 나쁠 수 있습니다.

JavaScript로 API 요청하기

타사 서비스와 상호 작용하는 데 가장 중요한 구성 요소는 아니지만 그중 하나는 API와 통신하는 것입니다. 서서 응용 프로그램 프로그래밍 인터페이스, 이것은 서로 다른 웹 사이트, 응용 프로그램 및 웹 서비스가 서로 통신하여 데이터를주고받을 수있는 기본 방법입니다. 이 튜토리얼은 자바 스크립트를 통해 웹 API에 연결하고 수신하거나 읽을 수있는 기본 소개 역할을합니다. GET JSON으로 데이터를 반환하는 요청 (또는 JavaScript Object Notation) 형식입니다. 이 자습서는 JavaScript 개체 및 속성 액세스에 대한 기본 지식이 있다고 가정하지만, 그 외에는 API 작업 경험이없는 개인을 대상으로합니다.

소개

이 튜토리얼에서는 지브리 API, 이는 사람들에게 애플리케이션 프로그래밍 인터페이스 (스튜디오 지브리 영화 애호가) 사용을 소개하기 위해 설정되었습니다.

API는 Studio Ghibli와 관련된 다양한 데이터 클래스 (영화, 사람, 위치, 종 및 차량)에 대해 5 개의 다른 모듈 또는 구성 요소로 나뉩니다. 이러한 구성 요소 각각을보다 공식적으로 엔드 포인트. 다음을 통해 엔드 포인트에 전화를 걸 때 GET (또는 다음과 같은 다른 유사한 방법 fetch), 엔드 포인트는 해당 카테고리에 특정한 데이터 배열을 JSON 형식으로 반환합니다. 예를 들어 영화의 끝점은 다음과 같습니다.

JavaScript를 사용한 API 요청

우리는 영화의 종점을 잡을 것입니다. 바로가기), 다음을 통해 전화 걸기 GET다음, log 데이터의 다양한 부분을 console.

// 새 XMLHttpRequest를 만들고 변수에 저장
였다 받다 = 새로운 XMLHttpRequest를();
â € <
//`GET` 메소드를 통해 열고 자하는 엔드 포인트를 나타냅니다.
받다.열 수('가져 오기', 'https://ghibliapi.herokuapp.com/films', 참된);
â € <
// 엔드 포인트가로드되면 함수 내에서 코드 실행
받다.길 위에 = 기능 () {
â € <
  // 들어오는 데이터를 JSON 형식으로 구문 분석  
  였다 들어오는 = JSON.해석하다(.응답);
  
  // .map 배열 메서드를 사용하여 영화의 각 인덱스를 반복합니다.
  // 끝점, 출시 날짜, 제목 및 Rotten Tomatoes 액세스 
  // 각각에서 점수를 매기고 추가로 콘솔에 기록합니다.
  // 서식
  들어오는.지도(영화 => {
      콘솔.기록(영화.출시일 + ":" + 영화.제목 + "-(" +  영화.rt_score + "로튼 토마토 %)");
    });
};
â € <
// 할당 된 함수를 실행하기 위해 실제 요청을 보냅니다. 
//`receive.onload`
받다.보내다();    

위의 코드를 브라우저 콘솔에 입력하거나 웹 페이지에 연결된 자바 스크립트 파일로 실행하면 다음이 반환됩니다.

JavaScript를 사용한 API 요청

… 개봉 연도, 영화 이름 및 Rotten Tomatoes에 대한 전체 등급 (더 나은 가독성을위한 추가 형식 포함)을 표시하는 곳

API 호출 설명

위의 스크립트에 문서화 된 메모는 대부분의 API 호출을 설명해야하지만 내부 데이터의 조작은 receive.onload 더 자세한 정보가 필요합니다.

그리고, .map() 배열은 필름 끝점 (즉, 각 필름) 내의 각 개별 인덱스를 반복하는 데 사용됩니다. ㅏ for 여기에서도 루프를 사용할 수 있습니다. .map() 훨씬 적은 코드로 동일한 작업을 수행합니다. .map() 콜백 함수를받습니다 (여기에 ES6 구문으로 작성 됨). 콜백 함수 내의 코드는 엔드 포인트의 각 항목에 대해 실행되어 릴리스 날짜 (films.release_date), 제목 (films.title) 및 Rotten Tomatoes 점수 (films.rt_score).

간단하게하기 위해 console.log 메시지는 각 항목에 사용되지만이 데이터는 페이지의 HTML 요소에 쉽게 추가되거나 다른 배열 방법을 사용하여 추가로 정렬 될 수 있습니다 (예 : 1980 년대 영화 만 필터링). API 서비스 작업에는 훨씬 더 많은 것이 있지만 이는 API 엔드 포인트에서 데이터를 검색하는 메커니즘에 대한 높은 수준의 개요입니다.

자바 스크립트의 'for'루프 개요

자바 스크립트의 'for'루프 개요

컴퓨터 프로그래밍의 기본 원리는 "DRY"또는 "Do n't Repeat Yourself"의 오랜 격언입니다. 같은 코드를 반복해서 다시 작성하는 자신을 발견 할 때마다 같은 코드의 중복 줄없이 리팩터링하는 더 나은 방법이있을 수 있습니다. 이를 수행하는 가장 좋은 방법 중 하나는 루프를 사용하는 것입니다. 여러 종류의 루프가 있으며, 모두 모든 프로그래밍 언어에서 다양한 형태로 존재합니다. 이 게시물에서는 가장 일반적이고 유용한 루프 형식 중 하나 인 for 고리.

기본 예

루프가 매우 유용한 위치를 보여주는 소개로 "Hello World"를 JavaScript 콘솔에 인쇄하고 싶다고 가정 해 보겠습니다. 루프를 사용하지 않으면 다음과 같이 작성해야합니다.

console.log ( "Hello World"); console.log ( "Hello World"); console.log ( "Hello World"); console.log ( "Hello World"); console.log ( "Hello World"); console.log ( "Hello World"); console.log ( "Hello World"); console.log ( "Hello World"); console.log ( "Hello World"); console.log ( "Hello World");

 

이것은 매우 지루하고 비효율적입니다. 위의 10 줄의 코드는 다음 3 줄만으로 크게 단순화 할 수 있습니다.

for (var i = 0; i <10; i ++) {console.log ( "Hello World"); }

 

위의 예는 for 루프는 가장 일반적이고 유용한 루프 형태 중 하나입니다.

그리고, for 고리

작성에 들어가는 몇 가지 구성 요소가 있습니다. for 루프 : 카운터 또는 초기 표현식, 조건, 증분 표현식 및 루프 내에서 실행할 코드. 콘솔에“Hello World”를 10 번 출력하는 루프를 만드는 위의 예제를 세분화하겠습니다.

전체 for 루프는 키워드로 시작 for, 괄호 세트, 괄호가 차례로 표시됩니다. 실행할 코드는 대괄호 안에 있습니다. 의 골격 구조 for 루프는 다음과 같이 볼 수 있습니다.

for (counter; condition; increment) {// 실행할 코드가 여기에 표시됨}

 

카운터는 변수로 설정해야합니다. 프로그래밍에서 이것은 자주 다음과 같이 설정됩니다. i,하지만 x, n 또는 언어에서 허용하는 변수 이름. 이것은 루프에 시작 값을 알려줍니다. 0.

루프의 다음 부분은 JavaScript에게 조건을 알려줍니다.이 경우 다음 값만큼 루프를 실행합니다. i 10보다 작습니다. 루프가 10에 도달하면 즉시 중지됩니다. 이것의 매우 루프를 실행하기 전에 조건부 세트를 갖는 것이 중요합니다. 그렇지 않으면 무한 루프가되어 브라우저가 오버로드되고 충돌하게됩니다.

괄호로 묶인 루프의 마지막 부분은 증분입니다. i++. i++ 자바 스크립트에서 i += 1 or i = i + 1. 즉, 값에 1을 더합니다. i 루프가 실행될 때마다. 이것은 또한 실제로 증가하지 않는 것처럼 종료되지 않는 것처럼 루프의 중요한 구성 요소이기도합니다.

괄호 안에있는 코드는 루프의 각 반복을 통해 실행됩니다. 루프가 실행될 때마다 루프가 어떤 반복인지에 대한 일종의 표시를 얻으려면 매번 반환되어야하는 코드에 포함 할 카운터 변수를 추가 할 수 있습니다 (예 : 대괄호 내부에서 실행되는 코드 ) :

for (var i = 1; i <= 10; i ++) {console.log ( "이제 루프가 반복 중입니다"+ i); }

 

위 코드를 실행하면 다음과 같이 인쇄됩니다.

루프가 이제 반복 중입니다 1 루프가 이제 반복 중입니다 2 이제 루프가 반복 중입니다 3 이제 루프가 반복 중입니다 4 루프가 이제 반복 중입니다 5 루프가 이제 반복 중입니다 6 루프가 이제 반복 중입니다 7 루프는 이제 반복 8에 있습니다. 루프는 이제 반복에 있습니다. 9 루프는 이제 반복에 있습니다.

Node.js 소개

Node.js 소개

자바 스크립트 개발은 1995 년 Mozilla의 공동 창립자 인 Brendan Eich가 처음 소개 한 이래로 먼 길을 걸어 왔습니다. 원래 클라이언트 측 스크립팅 언어로 사용되었던 JavaScript는 원래 의도를 훨씬 뛰어 넘는 애플리케이션으로 사용을 확장했습니다. 더 이상 클라이언트 측에서만 사용되는 언어가 아닙니다. 도입과 함께 노드.js, JavaScript는 이제 서버 측에서도 사용되고 있으며 PHP, Python 또는 Ruby와 같은 다른 백엔드 언어의 필요성을 대체합니다.

단순한 참신함 이상으로, 점점 더 많은 개발자와 회사가 백엔드에서 JavaScript를 사용하여 모든 개발 작업을 단일 언어로 수행 할 수 있도록합니다. 이것이 왜 성장 추세가되고 있는지에 대한 더 나은 아이디어를 얻기 위해이 게시물은 Node.js가 무엇인지, 무엇이 가장 잘 사용되는지 살펴볼 것입니다.

Node.js에 대한 설명

Node.js는 JavaScript를 기본 서버 측 스크립팅 언어로 사용할 수 있도록 개발 된 JavaScript 프레임 워크 또는 라이브러리입니다. 이것은 새로운 언어가 아니며 단순히 JavaScript 언어 용으로 작성된 코드의 하위 집합입니다. 원래 Ryan Dahl이 2009 년에 만든이 도구는 기존의 다른 JavaScript 엔진보다 더 나은 성능을 제공하기 위해 자체적으로 개발 된 Google Chrome의 JavaScript V8 엔진을 기반으로합니다. Node.js는 완전한 오픈 소스이며 모든 운영 체제에서 실행되며 프로젝트를 둘러싼 대규모 개발자 커뮤니티에서 지속적으로 개선되고 있습니다.

특별히 백엔드 사용을위한 것이므로 Node.js는 서버 측 스크립팅 언어를 사용하는 일반적인 작업을 처리하기위한 다양한 모듈과 함께 제공됩니다. 이렇게하면 개발 프로세스의 속도가 크게 빨라져 처음부터 작성해야하는 공통 기능을 추상화 할 수 있습니다.

Node.js의 기본 기능

다음은 다른 스크립팅 프레임 워크와 구분되는 Node.js의 몇 가지 기본 기능입니다.

이벤트 기반, 비동기 프로그래밍

Node.js 프레임 워크와 별도로 사용되는 API는 완전히 비동기 적이며 그렇지 않으면 비 차단이라고도합니다. 이는 Node.js가 다른 작업으로 이동하지 않고 데이터를 보내기 위해 특정 API를 기다릴 필요가 없다는 것과 동일합니다. Node.js는 다른 API로 이동하여 여전히 다른 API에서 수신하기 위해 대기중인 데이터를 추적합니다.

고성능

Node.js는 Google Chrome의 V8 엔진에 구축 된 다른 서버 측 대안에 비해 매우 빠릅니다. 비교 된 버전에 따라 Node.js는 벤치 마크 테스트에서 PHP와 Python을 능가했습니다.

버퍼링 방지

Node.js 애플리케이션은 버퍼링을 방지하기 위해 항상 데이터를 청크로 출력합니다.

확장

Node.js는 소규모 프로젝트와 대규모 엔터프라이즈 시스템 모두에 사용되도록 개발되었습니다. Node.js는 단일 스레드 모델을 사용하여 비동기 이벤트를 허용하는 반면 일반적인 서버 언어는 제한된 수의 스레드를 사용하여 데이터 요청을 처리합니다. 이는 궁극적으로 Node.js가 Apache HTTP와 같은 일반적인 서버 설정보다 한 번에 더 많은 수의 서버 요청을 처리 할 수 ​​있음을 의미합니다.

실제 Node.js

Node.js는 오픈 소스 프로젝트 또는 소규모 스타트 업부터 Fortune 500 대 기업에 이르기까지 다양한 용도로 사용되고 있습니다. Node.js를 사용하는 회사 목록에는 PayPal, Uber, Microsoft, eBay 및 GoDaddy가 있습니다.

Node.js가 가장 적합한 이유

Node.js가 실제로 빛나는 용도로는 채팅 메시징과 같은 I / 0 바인딩 애플리케이션, 라이브 비디오와 같은 데이터 스트리밍 서비스, DIRT (Data Intensive Real-Time Applications), 단일 페이지 웹 애플리케이션, 많은 JSON 기반 API.

결론

이 기사에서 유용한 정보를 찾았기를 바랍니다. 다음 자바 스크립트 프로젝트. 아래 댓글 섹션을 통해 피드백 및 JS 팁을 게시하십시오.

다음을 비교하는 이 훌륭한 리소스를 확인하고 싶을 수도 있습니다. 자바스크립트 대 PHP.

작성자 바이오

Angelo는 20 년 넘게 창의적인 IT 세계에 참여해 왔습니다. 1998 년 Dreamweaver, Flash 및 Photoshop을 사용하여 첫 번째 웹 사이트를 구축했습니다. 그는 HTML / CSS, Flash ActionScript 및 XML과 같은 광범위한 프로그래밍 기술을 학습하여 지식과 전문성을 확장했습니다.

Angelo는 호주 시드니에서 CIW (Certified Internet Webmasters) 프로그램으로 공식 교육을 이수하여 컴퓨터 네트워킹의 핵심 기본 사항과 이것이 월드 와이드 웹의 인프라와 관련되는 방식을 배웠습니다.

Sunlight Media를 운영하는 것 외에도 Angelo는 웹 및 앱 개발, 디지털 마케팅 및 기타 기술 관련 주제와 관련된 유익한 콘텐츠를 작성하는 것을 즐깁니다.

코멘트를 게시

댓글이 검토됩니다. 귀하의 이메일은 비공개로 유지됩니다. 필요 입력 사항은 표시되어 있습니다 *