[프론트엔드] REACT Redux 라이브러리[2]

728x90

Parcel로 프로젝트 만들기

프로젝트를 구성하기 위해 Parcel이라는 도구를 사용할 예정입니다.

이 도구를 사용하면 쉽고 빠르게 웹 어플리케이션 프로젝트를 구성 할 수 있습니다.

1. parcel-bundler 설치

yarn global add parcel-bundler

#주의사항

설치가 안될 경우 아래 설치

npm install -g parcel-bundler

2. 폴더 추가/파일생성

아래의 순서대로 명령어 실행

mkdir vanilla-redux
cd vanilla-redux
#package.json 파일 생성
yarn init -y

vanila-redux 디렉토리 안에 아래 두개 파일을 생성합니다.

- index.html

<html>
    <body>
        <div>바닐라 자바 스크립트</div>
        <script src="./index.js"></script>
    </body>
</html>

- index.js

console.log("hello parcel");

3. 개발 서버 실행/리덕스 설치

여기까지 작성이 끝났으면 다음 명령어를 실행합니다.

parcel index.html

아래와 같이 1234포트로 로컬 서버가 실행되면 성공입니다.

Server running at http://localhost:1234 
⠹ Building index.js...[Browserslist] Could not parse /Users/seong-yeoncheol/Desktop/프론트앤드 개발/React-Redux/vanilla-redux/package.json. Ignoring it.
✨  Built in 630ms.

마지막으로 yarn을 사용하여 리덕스 모듈을 설치합니다.

yarn add redux

최종 결과