Chiptune's storage

썸네일 [인프런:생활코딩 - 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 다음
프로필사진

  • 분류 전체보기 (87)
    • 🌌일상 (2)
    • 🔥Error (14)
    • 🚀Java (6)
    • 📜JS (8)
    • 🎆css (0)
    • 🎳jQuery (2)
    • 🌊JSP (2)
    • 🔮Spring (16)
    • 📋DB (7)
    • 💻Server (1)
    • 🎃AWS (5)
    • 🔌Docker (6)
    • 📧Network (1)
    • 📊React (5)
    • 📱Vue.js (2)
    • ✨python (2)
    • 💎IDE (2)
    • 👑Etc (3)
    • 🧭Project (2)
      • #1 :: DocumentPage (1)
      • #2 :: SMS Api Service (1)
    • 💯커리어 (0)
      • 면접 (0)
    • 💗게임 (1)
  • 홈
  • 태그
  • 방명록

인기글

최근글

최근댓글

라이브러리 브랜드 그룹 | Chiptune's storage
맨 위로

티스토리툴바