본문 바로가기



전체  > React (2)

리액트 02: 리액트 배포본 생성을 위한 npm run build 안녕하세요, 각성한 데브키라입니다. 오늘은 리액트(React) 앱을 빌드하고 서버에서 출력하는 방법을 소개합니다. 서버 중단 후, 'npm run build'로 배포본을 생성하는 과정을 다룰 예정입니다. 이를 통해 사용자가 앱을 접할 수 있게 합니다.[ 핵심 요약정리 ]※ VsCode의 bash터미널로 접속1. 프로젝트빌드 : npm run build 2. 웹서버인스톨 : npm install -g serve3. 서버실행 정지 서버시작: serve -s build 서버정지: Ctrl + C (Windows/Linux) 또는 Command + C (Mac)4. 접속 Local:    http://localhost:3000Network:  http://192.168.0.31:3000  1. 리액트 프로젝트 ..


리액트 01: React 설치와 초기화면 출력 안녕하세요, 각성한 데브키라입니다. 오늘은 사용자 인터페이스 구축에 필수인 리액트(React) 프로젝트 시작 방법을 소개합니다. 이 글은 Node.js와 Visual Studio Code 설치에서 리액트 앱 생성까지의 전 과정을 단계별로 안내합니다. 리액트는 선언적이고 효율적인 JavaScript 라이브러리로, 복잡한 UI와 데이터의 변화가 잦은 대규모 애플리케이션을 쉽게 다룰 수 있습니다. 시작해 볼까요?[ 핵심 요약정리 ]1. VsCode에서 프로젝트 디렉터리 생성2. 디렉터리에서 터미널 명령어 실행npx create-react-app . 3. 기존 샘플에 작성된 내용제거App.js, App.css4. 로컬서버 실행명령 npm start접속 url: localhost:30001. NodeJs v20...