[React Native] Node.js 가이드

 

 Node.js  가이드

🟢

Node.js는 JavaScript를 브라우저 밖에서도 실행할 수 있게 해주는 런타임 환경입니다.

🏠 쉬운 비유: JavaScript가 집안에서만 살던 애완동물이었다면, Node.js는 그 애완동물을 밖에서도 자유롭게 뛰어다닐 수 있게 해주는 공원 같은 존재예요!

🌐

Node.js 이전

JavaScript = 브라우저 전용

• 웹페이지에서만 실행 가능
• 서버 개발 불가능
• 파일 시스템 접근 불가
• 데이터베이스 직접 연결 불가

⚡

Node.js 이후

JavaScript = 어디서든 실행!

• 서버 개발 가능
• 모바일 앱 개발 가능
• 데스크톱 앱 개발 가능
• 명령줄 도구 제작 가능

🚀

빠른 실행 속도

Google Chrome의 V8 엔진을 사용해서 매우 빠르게 JavaScript를 실행합니다.

🔄

비동기 처리

여러 작업을 동시에 처리할 수 있어서 효율적이고 빠른 서버를 만들 수 있습니다.

📦

풍부한 패키지

npm을 통해 수백만 개의 라이브러리를 쉽게 설치하고 사용할 수 있습니다.

🌍

크로스 플랫폼

Windows, Mac, Linux 어디서든 동일하게 실행되는 애플리케이션을 만들 수 있습니다.

🔄 Node.js 동작 원리

📝

JavaScript 코드 작성

.js 파일에 코드 작성

⚙️

V8 엔진 처리

JavaScript를 기계어로 변환

🖥️

시스템에서 실행

운영체제에서 직접 실행

✨

결과 출력

서버, 앱, 도구 동작

💻 간단한 예제

Node.js로 간단한 웹서버를 만들어보세요:

const http = require('http'); const server = http.createServer((req, res) => { res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' }); res.end('안녕하세요! Node.js 서버입니다! 🎉'); }); server.listen(3000, () => { console.log('서버가 http://localhost:3000 에서 실행중입니다!'); });

이 코드를 server.js로 저장하고 node server.js로 실행하면 웹서버가 동작해요!

🔗 React Native와 Node.js의 관계

React Native 개발에 Node.js가 필수인 이유는 바로 개발 도구들 때문입니다!
npm, npx, yarn, Expo CLI 등 모든 개발 도구가 Node.js 기반으로 만들어져 있어요.

📋 설치 순서:
1️⃣ Node.js 설치 (nodejs.org에서 다운로드)
2️⃣ npm/yarn 자동으로 함께 설치됨
3️⃣ React Native CLI 또는 Expo CLI 설치
4️⃣ React Native 프로젝트 생성 및 개발 시작!

💡 초보자를 위한 핵심 요약

Node.js = JavaScript를 어디서든 실행할 수 있게 해주는 프로그램

🎯 React Native 개발하려면 반드시 설치해야 해요!
🛠️ 개발 도구들(npm, Expo 등)이 모두 Node.js로 만들어져 있거든요.
💻 nodejs.org에서 LTS 버전을 다운받아 설치하세요!