📑 이클립스에서 리액트 만드는 방법





이클립스를 사용할 수 밖에 없는 상황인데(나는 vscode가 편하다.)
리액트를 사용해서 프로젝트를 하고 싶다.
그래서 이클립스에서 리액트 프로젝트를 만드는 방법을 알아왔다.





1. 이클립스에서 Marketplace 실행



image


Help > Eclipse Marketplace...





2. 리액트 다운로드



image


image





3. restart


리액트 다운로드가 완료되면 restart 알림창이 뜬다.
이클립스를 재시작 해준다.





4. 리액트 프로젝트 만들기



image


image


프로젝트를 만들면 일반적으로 포함된 node_modules 폴더가 생기지 않은 것을 확인할 수 있다.





5. node_modules 폴더 만들기



image


터미널 열기



image


npm install
(터미널이 왜 이렇게 구리게 생긴지는 알 수 없다.)



image


생성 완료





6. create react app


npx create-react-app 프로젝트명





7. 실행


터미널에 npm start로 실행해도 되고 아래 사진처럼 실행 가능하다.


image

Categories:

Updated:

Leave a comment