초보자를위한 node.js
Node.js를위한 이벤트 중심 프로그래밍은 초보자에게 까다로울 수 있지만, 시작하기가 어렵다는 의미는 아닙니다. 이 기사에서는 Node.js의 기본 사항을 소개하고 왜 인기가 있는지 설명합니다.
소개
Node.js를 시작하려면 먼저 Node.js와 PHP, Python 또는 Ruby와 같은 기존 서버 측 스크립팅 환경의 차이점을 이해해야합니다.
비동기 프로그래밍
당신은 비동기 프로그래밍에 익숙 할 것입니다. 노드의 각 함수는 비동기입니다. 따라서 일반적으로 스레드를 차단하는 모든 작업은 약속을 사용하여 백그라운드에서 실행됩니다. 이것은 노드에서 가장 중요한 것입니다. 예를 들어, 파일 시스템에서 파일을 읽는 경우 비동기 기능이 사용됩니다.
일부 버전의 노드 함수를 사용하는 경우 약속이 나타나기 전에 설계된 콜백 함수를 사용하십시오. 대부분의 노드 함수는 이제 약속과 동등하므로 여기에 사용 된 콜백 함수를 약속 기반 동등한 것으로 변환하고 구문을 비교하는 것이 가장 좋습니다.
전체 프로세스를 제어하십시오
노드를 사용하면 많은 일을 직접 수행해야합니다. 예를 들어, HTTP 모듈은 매우 간소화되어 있으며 특정 스타일을 고수하지 않습니다. 이는 초보자에게는 압도적 일 수 있지만 이점은 고성능 웹 애플리케이션을 구축하는 능력입니다 (JavaScript의 성능은 V8에서 최적화 된 엔진에 기인하지만). 하나의 스크립트는 모든 클라이언트와의 모든 커뮤니케이션을 처리합니다. 이는 응용 프로그램이 사용하는 리소스의 양을 크게 줄입니다. 예를 들어, 간단한 node.js 응용 프로그램 코드는 다음과 같습니다.
Const I, A, B, C, Max; 최대 = 10000000000; var d = date.now (); for (i = 0; i <max i a="1234" b="1234" c="1234" console.log><p> 다음은 PHP에 작성된 동등한 코드입니다.</p> <pre class="brush:php;toolbar:false"> $ a = null; $ b = null; $ c = null; $ i = null; $ max = 1000000000; $ start = microtime (true); for ($ i = 0; $ i <p> 이제 벤치 마크 데이터를 살펴 보겠습니다. 다음 표는이 두 가지 간단한 응용 프로그램에 대해 밀리 초의 응답 시간을 나열합니다.</p><pre class="brush:php;toolbar:false"> const http = require ( 'http');
HTTP 변수.
위의 코드에서는 모듈의 이름을 Exports Object로 전달하고 코드 스 니펫을 노출시킬 수있는 속성과 메소드를 채 웁니다. 다음 모듈 예를 고려하십시오.
Exports.area = function (r) { 반환 math.pi * r ** 2; }; Exports.circumference = function (r) { 반환 2 * Math.pi * r; };
이 코드는 내보내기 객체를 만듭니다. 이러한 기능은 PI에 정의되어 있으며 외부 간섭으로부터 완전히 보호되므로 모듈 외부에 액세스 할 수 있습니다. 따라서 Circuitference ()가 항상 예상대로 작동한다는 것을 확신 할 수 있습니다 (가져 오기 키워드의 값 만 제공).
// 파일 "./mymodule.js"에서 myModule 가져 오기 // 노드 내장/패키지 "HTTP"에서 HTTP 가져 오기
브라우저에서 ESM은 위와 같이 상대 파일 경로 만 검색 할 수 있습니다. 그러나 노드에서는 노드 : 접두사없이 경로를 통과 할 수 있습니다.
그러나 이전 방법은 기본 내보내기에만 작동합니다. 명명 된 내보내기를 사용하는 경우 (나중에 자세히 설명) 약간 다른 구문을 사용해야합니다.
"./mymodule.js"에서 {Exportone, ExportTwo} 가져 오기
컨텐츠를 내보내려면 내보내기 기본 키워드를 사용하십시오. 내보내기는 명명 된 수출에 사용되며 내보내기 기본값은 기본 수출에 사용됩니다. 이름 지정된 내보내기를 사용하면 다른 컨텐츠를 내보내고 위의 import 구문을 사용하여 다른 모듈에서 하나만 사용할 수 있습니다. 하나의 콘텐츠 만 내보내면 기본적으로 더 쉽게 내보낼 수 있습니다.
// 이름 내보내기 기능 ExportOne () { ... } 내보내기 기능 내보내기 () { ... } // 기본 내보내기 기본 기능 defaultFunction () { ... }
이 튜토리얼의 나머지 부분에서는 ESM을 사용합니다.
글로벌 범위
노드는 Google의 V8 JavaScript 엔진에서 실행되는 JavaScript 환경입니다. 따라서 고객 개발에 사용하는 모범 사례를 따라야합니다. 예를 들어, 우리는 글로벌 범위에 아무것도 넣지 않아야합니다. 그러나 이것이 항상 가능하지는 않습니다. 노드의 글로벌 범위는 (브라우저의 창)이며 변수를 선언 할 때 Var를 생략하여 기능의 전역 변수를 쉽게 만들 수 있습니다.
설치하다
당연히 응용 프로그램을 작성하고 실행하기 전에 노드를 설치해야합니다. Windows 또는 MacOS를 사용하는 경우 Nodejs.org 웹 사이트는 이러한 운영 체제에 대한 설치자를 제공합니다. Linux의 경우 패키지 관리자를 사용하십시오. 예를 들어, APT를 지원하는 분포를 사용하는 경우 터미널을 열고 다음 유형을 유형하십시오.
Sudo apt-get 업데이트 sudo apt-get 설치 노드
또는:
sudo 적성 업데이트 Sudo Aptitude 설치 노드
Node.js는 SID 리포지토리에 있습니다.
Sudo echo deb https://ftp.us.debian.org/debian/ sid main> /etc/apt/sources.list.d/sid.list
그러나 이전 시스템에 SID 패키지를 설치하면 시스템이 손상 될 수 있습니다. 조심하고 module_name을 삭제하십시오.
안녕하세요 월드 앱
물론 첫 번째 Node.js 스크립트는 콘솔에 "Hello World!"텍스트를 인쇄합니다.
HTTP 서버
계속해서 고급 응용 프로그램을 보유합시다. 다음 코드부터 시작하겠습니다. 주석을 읽고 아래의 설명을 읽으십시오.
// HTTP 모듈 포함. "http"에서 {createserver} 가져 오기 // 서버를 만듭니다. 요청이 이루어질 때마다 매개 변수로 전달 된 함수가 호출됩니다. // 요청 변수는 모든 요청 매개 변수를 저장합니다. // 응답 변수를 사용하면 클라이언트에게 전송 된 응답에서 작업을 수행 할 수 있습니다. CreateServer (함수 (요청, 응답) { // 청취자를 최종 이벤트에 첨부합니다. //이 이벤트는 클라이언트가 모든 데이터를 보내고 응답을 기다릴 때 호출됩니다. request.on ( "end", function () { // 응답에 헤더를 쓰십시오. // 200은 HTTP 상태 코드입니다 (이 코드는 성공을 나타냅니다) // 두 번째 매개 변수는 객체에 헤더 필드를 저장합니다. // 일반 텍스트를 보내고 있으므로 컨텐츠 유형이 텍스트/일반이어야합니다. response.writehead (200, { '콘텐츠 유형': 'Text/Plain' }); // 데이터를 보내고 응답을 종료합니다. response.end ( 'Hello Http!'); }); // 포트 8080을 듣습니다. }). 듣기 (8080);
이 코드는 매우 간단합니다. Response.end ()를 사용하여 더 많은 데이터를 클라이언트에 보낼 수 있습니다. 이 코드를 http.js 로 저장하고 콘솔에 다음 명령을 입력하십시오.
노드 http.js
브라우저를 열고 https://www.php.cn/link/7232A90EA7D391905F9EE07BCC7C5967 로 이동하십시오. 텍스트 Hello HTTP가 표시됩니다!
프로세스 URL 매개 변수
앞에서 언급했듯이, 우리는 요청 매개 변수를 구문 분석하는 것을 포함하여 노드에서 모든 작업을 수행해야합니다. 그러나 이것은 매우 간단합니다. 다음 코드를 살펴보십시오.
// createServer 포함 "http"에서 {createserver} 가져 오기 // 및 URL 모듈은 요청 매개 변수를 구문 분석하는 데 매우 유용합니다. url = require ( "url"); // 서버를 만듭니다. CreateServer (함수 (요청, 응답) { // 청취자를 최종 이벤트에 첨부합니다. request.on ( 'end', function () { // 요청 매개 변수를 구문 분석하고 _get 변수에 저장합니다. //이 함수는 요청에서 URL을 구문 분석하고 객체 표현을 반환합니다. var _get = url.parse (request.url, true) .query; // 응답에 헤더를 쓰십시오. response.writehead (200, { '콘텐츠 유형': 'Text/Plain' }); // 데이터를 보내고 응답을 종료합니다. response.end ( '여기 데이터는 다음과 같습니다.'_get [ 'data']); }); // 포트 8080을 듣습니다. }). 듣기 (8080);
이 코드는 쿼리 속성을 사용하여 URL의 매개 변수를 검색합니다. 이 파일을 get.js 로 저장하고 다음 명령으로 실행하십시오.
노드 get.js
그런 다음 데이터 매개 변수로 탐색해도 스크립트를 방해하지 않습니다.
파일을 읽고 쓰십시오
노드에서 파일을 관리하기 위해 FS 모듈 (Core Module)을 사용합니다. Fs.WriteFile () 메소드를 사용하여 파일을 각각 읽고 씁니다. 다음 코드 다음에 매개 변수를 설명하겠습니다.
// CreateServer 포함 "http"에서 {createserver} 가져 오기 // "fs"에서 {readfile, writefile} import import import // HTTP 서버를 만듭니다. CreateServer (함수 (요청, 응답) { // 청취자를 최종 이벤트에 첨부합니다. request.on ( "end", function () { // 파일을 읽습니다. readfile ( "test.txt", 'utf-8', 함수 (오류, 데이터) { // 헤더에 쓰십시오. response.writehead (200, { '콘텐츠 유형': 'Text/Plain' }); // 파일에서 얻은 숫자를 증가시킵니다. 데이터 = parseint (데이터) 1; // 파일에 숫자를 증분합니다. writefile ( 'test.txt', data); // 멋진 메시지로 응답을 끝내십시오. Response.end ( '이 페이지는 새로 고침'데이터 '시간!'); }); }); // 포트 8080을 듣습니다. }). 듣기 (8080);
이것을 files.js 로 저장하십시오. 이 스크립트를 실행하기 전에 files.js 와 동일한 디렉토리에서 Test.txt 라는 파일을 만듭니다.
이 코드는 fs.writefile () 메소드를 보여줍니다. 서버가 요청을받을 때마다 스크립트는 파일에서 숫자를 읽고 해당 번호를 증가시키고 파일에 새 번호를 씁니다. fs.writefile () 메소드는 파일 이름과 데이터를 매개 변수로 수락합니다. 또한 인코딩 및 콜백 함수를 각각 지정하는 세 번째 및 네 번째 인수 (선택 사항)를 수용합니다.
이제 다음 명령 으로이 스크립트를 실행합시다.
노드 files.js
브라우저에서 https://www.php.cn/link/7232A90EA7D391905F9EE07BCC7C5967 에서 열고 몇 번 새로 고치십시오. 이제 코드가 두 번 증가하는 것처럼 보이기 때문에 코드에 오류가 있다고 생각할 수 있습니다. 이것은 실수가 아닙니다. 이 URL이 요청 될 때마다 두 개의 요청이 서버로 전송됩니다. 첫 번째 요청은 favicon.ico를 요청하는 브라우저에서 자동으로 발행되며 물론 두 번째 요청은 URL ( https://www.php.cn/link/7232a90EA7D391905f9ee07BCC7C5967 )입니다.
이 행동이 기술적으로 잘못되지 않더라도, 우리가 원하는 행동이 아닙니다. 요청 URL을 확인하여 쉽게 해결할 수 있습니다. 다음은 수정 된 코드입니다.
// CreateServer 포함 "http"에서 {createserver} 가져 오기 // "fs"에서 {readfile, writefile} import import import // HTTP 서버를 만듭니다. CreateServer (함수 (요청, 응답) { // 청취자를 최종 이벤트에 첨부합니다. request.on ( 'end', function () { // 사용자가 요청/ if (request.url == '/') { // 파일을 읽습니다. readFile ( 'test.txt', 'utf-8', 함수 (오류, 데이터) { // 헤더에 쓰십시오. response.writehead (200, { '콘텐츠 유형': 'Text/Plain' }); // 파일에서 얻은 숫자를 증가시킵니다. 데이터 = parseint (데이터) 1; // 파일에 숫자를 증분합니다. writefile ( 'test.txt', data); // 멋진 메시지로 응답을 끝내십시오. Response.end ( '이 페이지는 새로 고침'데이터 '시간!'); }); } 또 다른 { // 요청 된 파일을 찾을 수 없음을 나타냅니다. 응답 .WriteHead (404); // 데이터를 보내지 않고 요청을 종료하십시오. 응답 (); } }); // 포트 8080을 듣습니다. }). 듣기 (8080);
이제 테스트하십시오. 예상대로 작동합니다.
MySQL 데이터베이스에 액세스합니다
대부분의 기존 서버 측 기술에는 데이터베이스를 연결하고 쿼리 할 수있는 내장 방법이 있습니다. Node.js를 사용하면 라이브러리를 설치해야합니다. 이 튜토리얼에서는 안정적이고 사용하기 쉬운 노드 MYSQL을 선택했습니다. 이 모듈의 전체 이름은 mysql@2.0.0-alpha2 입니다 ( @ 이후의 모든 컨텐츠는 버전 번호)입니다. 콘솔을 열고 스크립트를 저장 한 디렉토리로 이동하여 다음 명령을 실행하십시오.
NPM 설치 MySQL
모듈을 다운로드하여 설치하면 현재 디렉토리에서 Node_Modules 폴더도 생성됩니다. 이제 코드에서 사용하는 방법을 살펴 보겠습니다.
// HTTP 모듈 포함, "http"에서 {createserver} 가져 오기 // 방금 설치 한 MySQL 모듈입니다. "mysql"에서 mysql로 import * // 연결을 만듭니다. // 데이터 기본값은 새 MySQL 설치로 기본적으로 구성되며 구성에 따라 변경해야합니다. const connection = mysql.createConnection ({ 사용자 : "루트", 비밀번호: "", 데이터베이스 : "db_name" }); // HTTP 서버를 만듭니다. CreateServer (함수 (요청, 응답) { // 청취자를 최종 이벤트에 첨부합니다. request.on ( 'end', function () { // 데이터베이스를 쿼리합니다. connection.query ( 'select * from your_table;', 함수 (오류, 행, 필드) { response.writehead (200, { 'Content-Type': 'X-Application/JSON' }); // 데이터를 JSON 문자열로 보냅니다. // 행 변수는 쿼리 결과를 저장합니다. response.end (json.stringify (행)); }); }); // 포트 8080을 듣습니다. }). 듣기 (8080);
이 라이브러리를 사용하여 데이터베이스를 쿼리하는 것은 쉽습니다. 실제 응용 프로그램에서는 오류를 확인하고 (오류가 발생하지 않은 경우 정의되지 않음) 쿼리의 성공 또는 실패에 따라 응답 코드를 보내야합니다. 또한 JSON의 유효한 MIME 유형 인 X-Application/JSON을 설정했습니다. JSON.stringify()
메소드를 사용하여 행을 JSON 구조로 변환하십시오.
이 파일을 mysql.js 로 저장하고 실행합니다 (mySQL이 설치된 경우) :
노드 mysql.js
브라우저에서 https://www.php.cn/link/7232A90EA7D391905F97BCC7C5967 로 이동하면 JSON 형식 파일을 다운로드하라는 프롬프트를 받아야합니다.
결론적으로
Node.js에는 추가 작업이 필요하지만 빠르고 강력한 응용 프로그램의 보상은 그만한 가치가 있습니다. 모든 작업을 가장 낮은 수준으로 수행하지 않으려면 항상 응용 프로그램 개발을 단순화하기 위해 Framework (예 : Express)를 선택할 수 있습니다.
Node.js는 유망한 기술이며 고 부하 애플리케이션을위한 탁월한 선택입니다. Microsoft, eBay 및 Yahoo와 같은 회사는이를 입증했습니다. 웹 사이트 나 애플리케이션을 호스팅하는 것이 확실하지 않은 경우 항상 저렴한 VPS 솔루션 또는 Microsoft Azure 및 Amazon EC2와 같은 다양한 클라우드 기반 서비스를 사용할 수 있습니다. 두 서비스 모두 합리적인 가격으로 확장 가능한 환경을 제공합니다.
위 내용은 초보자를위한 node.js의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

프론트 엔드 개발시 프론트 엔드 열지대 티켓 인쇄를위한 자주 묻는 질문과 솔루션, 티켓 인쇄는 일반적인 요구 사항입니다. 그러나 많은 개발자들이 구현하고 있습니다 ...

JavaScript는 현대 웹 개발의 초석이며 주요 기능에는 이벤트 중심 프로그래밍, 동적 컨텐츠 생성 및 비동기 프로그래밍이 포함됩니다. 1) 이벤트 중심 프로그래밍을 사용하면 사용자 작업에 따라 웹 페이지가 동적으로 변경 될 수 있습니다. 2) 동적 컨텐츠 생성을 사용하면 조건에 따라 페이지 컨텐츠를 조정할 수 있습니다. 3) 비동기 프로그래밍은 사용자 인터페이스가 차단되지 않도록합니다. JavaScript는 웹 상호 작용, 단일 페이지 응용 프로그램 및 서버 측 개발에 널리 사용되며 사용자 경험 및 크로스 플랫폼 개발의 유연성을 크게 향상시킵니다.

기술 및 산업 요구에 따라 Python 및 JavaScript 개발자에 대한 절대 급여는 없습니다. 1. 파이썬은 데이터 과학 및 기계 학습에서 더 많은 비용을 지불 할 수 있습니다. 2. JavaScript는 프론트 엔드 및 풀 스택 개발에 큰 수요가 있으며 급여도 상당합니다. 3. 영향 요인에는 경험, 지리적 위치, 회사 규모 및 특정 기술이 포함됩니다.

이 기사에서 시차 스크롤 및 요소 애니메이션 효과 실현에 대한 토론은 Shiseido 공식 웹 사이트 (https://www.shiseido.co.jp/sb/wonderland/)와 유사하게 달성하는 방법을 살펴볼 것입니다.

JavaScript를 배우는 것은 어렵지 않지만 어려운 일입니다. 1) 변수, 데이터 유형, 기능 등과 같은 기본 개념을 이해합니다. 2) 마스터 비동기 프로그래밍 및 이벤트 루프를 통해이를 구현하십시오. 3) DOM 운영을 사용하고 비동기 요청을 처리합니다. 4) 일반적인 실수를 피하고 디버깅 기술을 사용하십시오. 5) 성능을 최적화하고 모범 사례를 따르십시오.

JavaScript의 최신 트렌드에는 Typescript의 Rise, 현대 프레임 워크 및 라이브러리의 인기 및 WebAssembly의 적용이 포함됩니다. 향후 전망은보다 강력한 유형 시스템, 서버 측 JavaScript 개발, 인공 지능 및 기계 학습의 확장, IoT 및 Edge 컴퓨팅의 잠재력을 포함합니다.

동일한 ID로 배열 요소를 JavaScript의 하나의 객체로 병합하는 방법은 무엇입니까? 데이터를 처리 할 때 종종 동일한 ID를 가질 필요가 있습니다 ...

프론트 엔드에서 VSCODE와 같은 패널 드래그 앤 드롭 조정 기능의 구현을 탐색하십시오. 프론트 엔드 개발에서 VSCODE와 같은 구현 방법 ...
