build (2) 썸네일형 리스트형 ReactJS에서 이미지 저장하고 불러오는 방법 1. 개요 리액트는 빌드시 JSX파일들을 HTML과 CSS파일로 변환하는 번들링 과정을 거치면서 public폴더를 제외한 나머지 경로의 파일들을 압축, 변환함 그래서 압축, 변환하면 안되는 이미지 파일들은 보통 public 폴더에 보관함 2. 사용법 그냥 public 폴더에 이미지를 저장하면 됨 위와 같이 코드를 짜면 public 폴더에 있는 이미지를 불러올 수 있음 ReactJS 프로젝트에서 빌드가 뭔지 알아보자 1. 개요 웹브라우저는 HTML, CSS, JS만 해석 가능 그러므로 웹브라우저는 리액트의 JSX 문법을 해석 할 수 없음 빌드란 JSX파일을 HTML파일로 변환하는 과정임 2. 빌드 방법 npm run build 리액트프로젝트 폴더에서 위 명령어 실행하면 build 폴더 생성됨 거기에 App.js에서 열심히 코딩한 JSX코드가 HTML, CSS, JS파일로 변환되어 담기게 됨 build 폴더의 내용물을 서버에 올리면 배포까지 끝나는 것 참고로 public 경로에 있는 파일들은 빌드해도 그래도 남아있음 이전 1 다음