[인프런:생활코딩 - REACT] 2회차 : CSS 코딩 ~ 배포하기 각 컴포넌트 별로 src 경로 아래에 작성. 이후 html > js > css 순으로 import 되어 구조를 이룸. 빌드 및 배포 npm run build : 빌드 명령 > 소스들을 압축하여 build 라는 폴더로 리턴해줌. 로컬 상황에서 배포하기 ( serve 라는 로컬 서버 ) react-project 경로) npm(npx) install -g serve : serve 설치. react-project 경로) npx serve -s build : serve 설치 및 기동 , build 폴더를 root 디렉토리로 지정후 실행. > 로컬 주소를 리턴 > 접속하면 배포된 것 확인 가능. 실제 운영상황에서도 빌드 폴더 내 있는 내용을 웹 루트 디렉토리에 위치시키고 기동하면된다. [인프런:생활코딩 - REACT] 1회차 : 처음 ~ JS 코딩하기 nodejs 설치. VS Code 설치. (에디터) npm install -g(전역변수) create-react-app npm vs npx : npm은 일반 설치방식 , npx는 최신버전 유지하면서 필요할때마다 다운로드 후 실행. 원하는 경로에 폴더(프로젝트경로) 생성 후, create-react-app .(경로) 하여, react app 프로젝트 install create-react-app 에서 생성한 프로젝트 경로에서 VS CODE terminal 탭을 통해 npm start : 로컬 구동 (시작) ctrl + c : 로컬 중지 (종료) 프로젝트 폴더 구조 파악 public -> 퍼블릭 되는 콘텐츠 경로 ( WebContent 같은 느낌? ) src -> 컴포넌트, 리소스 등이 존재하는 경로 1회차 끝. 이전 1 다음
