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
'그 땐 Front했지 > 그 땐 React했지' 카테고리의 다른 글
[생활코딩/React] 2022개정판 | 4. 컴포넌트 만들기 (0) | 2022.05.02 |
---|---|
[생활코딩/React] 2022개정판 | 5. props (0) | 2022.05.02 |
[생활코딩/React] 2022개정판 | 2.실습환경 구축 (0) | 2022.05.01 |
[생활코딩/React] 21.delete 구현 (0) | 2022.04.24 |
[생활코딩/React] 20.update 구현 (0) | 2022.04.24 |