npm
-
[React 기초] Webpack 설치 및 실행 (기본편) : 1탄 - 자바스크립트 웹팩컴퓨터 알아가기/React 2023. 12. 27. 19:30
구구단 게임 예제를 통하여 Class형 Component든 함수 Component든 하나의 모듈 개념으로 Component가 관여하는 것을 알 수 있었습니다. 하지만 실제 예에서는 하나의 Component만 사용되는 경우는 거의 없고 수천 수만가지의 Component가 사용이 되어 하나의 프로그램을 이룹니다. 이렇게 수많은 Component(자바스크립트 프로그램)를 하나로 통하하여 효율적으로 사용할 수 있는 프로그램을 웹팩(Webpack)으로 불립니다. 이러한 프로그램을 자동으로 통합하여 Webpack으로 만들어 주는 프로그램 또한 머리 좋은 누군가가 개발하여 Create-react-app이라는 프로그램으로 널리 통용되나 근본적인 내용을 모르면 사칙연산을 모르고 수학문제를 푸는 경우가 같기 때문에 조금 ..
-
React 기본 : Node.js 설치 및 Create React App을 통한 개발환경 세팅컴퓨터 알아가기/React 2021. 6. 17. 19:30
지금까지는 React의 기초개념을 잡기위해서 Codepen이라는 웹사이트를 이용 하였습니다. 참 편리한 사이트였지만 본격적으로 내 컴퓨터에 React 개발환경을 설정하고 다양한 웹기준 프로그램이 어떻게 작동되고 있는지 조금씩 알아보도록 하겠습니다. ▒ Create React App으로 시작하기 1. Node.js 다운로드 Node.js라는 것은 React 개발환경을 효과적으로 해주기 위한 JavaScript언어로서 먼저설치가 되어야 합니다. 이 Node.js를 이용하여 다양한 Package도 설치할 수 있습니다. 구글에서 Node.js를 검색하고 최신버전을 설치해 줍니다. 안정적인 버전은 LTS가 적혀있는 버전입니다. (많은 분들이 이 버전을 하더라구요. 참고로 LTS는 Lonr Term Supprt로 ..