띵코의 개발 공부

이전 포스팅에서 myapp react 프로젝트를 생성했습니다.

간단하게 글자만 웹 브라우저에 띄우는 방법을 알아보겠습니다.

myapp2 프로젝트

>node_modules

>public

>src

public > index.html

id가 root인 div태그 안에 글자 출력할 예정

src> App.js

부착시킬 App 컴포넌트 생성

src > index.js

root가 id인 엘리먼트에 app컴포넌트를 부착시켜 웹상에 출력

myapp2 서버 가동하기

vscode에서 myapp2 우클릭 > 통합 터미널에서 열기 > yarn start(서버 가동 명령어)

종료시에는 터미널에서 ctrl+c 

코드 내보내기

node_modules 의 크기가 크므로 node_modules만 로컬pc에서 새롭게 다운받는 방식으로 한다

(그전에 json 설정이 같은지 먼저 체크) 

node_modules 를 제외하고 나머지 폴더,파일 복사 후, 압축 내보내기

새로운 프로젝트명으로 폴더 생성하고 압축 풀기 

해당 경로에서 cmd 실행

npm install (엔터)

-해당 폴더의 package.json에 기록된대로 다운받아진다(node_modules 다운)

다운로드가 종료되면 yarn start로 실행하면 된다