본문 바로가기

그 땐 Front했지/그 땐 React했지

[생활코딩/React] 2022개정판 | 3.소스코드 수정방법

728x90

참고자료: 유튜브 생활코딩 React 2022 개정판 https://www.youtube.com/playlist?list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7 

1.  코드 수정


👉🏻index.js를 보면 <App/>을 render하고 있다.

👉🏻App.js로 들어가면 다음과 같은 코드를 render하고 있다. 이 코드를 수정해보자!

👉🏻내가 고친 코드대로 화면에 출력되고 있다!

 

2.  배포


npm run build

👉🏻이 명령어는 배포판을 만드는 명령어이다.

👉🏻build 폴더가 생겼다!

npx serve -s build

👉🏻이 명령어는 build에 있는 index.html을 배포하는 명령어이다.

👉🏻이후 나오는 링크로 들어가면 개발환경 버전이 아니라 실제로 서비스할 수 있는 환경을 확인할 수 있다ㅎㅎ

728x90