2022.06.04 - React / Create React App

create react app 실행

1) npx create-react-app tic-tac-toe

->  리액트 프로젝트를 만드는데 필요한 패키지 설치 (폴더생성)

2) cd tic-tac-toe

3) npm start

-> 개발모드로 로컬에서 띄울 수 있는 기능

ctrl+c 하면 종료 됨 그 후 

4)npm run build

optimized production build 

컴파일을 실행하게 되는데 여러가지 소스코드를 작고 못생기게 생성하게 됨

이 파일을 ㅅ실행하는 방법은?

build를 마치 파일서버로 운영하면 쉽게 운영가능 

 

5) npx serve -s build

라는 폴더가 리액트 애플리케이션용 웹서버로 사용된다.

주소 입력 후 화면 확인..

똑같은 화면인 듯 하지만 개발모드임..

 

6) npm test

a, f 버튼을 클릭하면 샘플로 작성된 app.js 파일이 뜬다. (문제없음)

 

7) npm run eject 

eject?

create react app에서 작성하다가 우리의 프로젝트를 꺼내서 creat react app 에 관리를 더이상 받지 않겠다는 의미

필요한 이유?

프로젝트를 외부에서 커스텀 해야할때 꺼내야하는 경우가 있으나, 가급적 꺼내지않는 것이 좋다 

 

++) 여기서 eject 오류가 나서 보니 깃에 커밋하라는.. 메세지..

일단 깃 연동하고 푸시해주고 옴 .. 시간 너무 뺏겼다..

[ 참고 사이트 ]

https://maliceit.tistory.com/51

git permission denied (publickey) : git 명령어 에러 해결방법

https://sin0824.tistory.com/8

왕초보! Github 사용법 (Mac os)

그렇게 해도 eject 가 실행이 안되는데 미치겠다 ..ㅋ...

 

여튼 이건 차차 찾도록 하겠다..