• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 react github 배포 시 서브페이지 문의 드립니다.

react github 배포 시 서브페이지 문의 드립니다.

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #26309

    박은주
    참가자

     

    안녕하세요 선생님! 올려주신 리액트 강의 3강 깃허브 배포 실습 중입니다.
    라우터 이용 시 basename을 설정해주어야 한다고 해서 거기까지는 완료했고, 
    주소.github.io/release-shop 으로 들어가면 정상적으로 메인이 노출  되는 상태인데요. 
    상품 리스트를 보기 위해 Navbar를 통해 주소.github.io/release-shop/detail로 들어가면 404가 뜹니다.
    올려주신 다른 답변들을 보니 직접 입력은 안 되어도 Navbar를 통한 링크 이동은 되어야 맞는 것 같은데 
    혹시 잘못한 부분이 있는 지 봐 주실 수 있을까요? (3000포트로 실행 시에는 정상적으로 /detail 접속됩니다!) 
    (※ 기존 사용중인 깃블로그가 있어서 서브 리포지토리에서 배포 테스트 중입니다!)


    배포한 주소 https://rustywhite404.github.io/release-shop 
    원본 소스 저장소 https://github.com/rustywhite404/reactShopping 

    #26327

    codingapple
    키 마스터

    링크넣을 때 href="" 말고 to="" 였나 그걸 씁시다 

    #26335

    박은주
    참가자

    답변 감사합니다 적용해보겠습니다! 
    답변주신 내용 관련하여 추가로 궁금한 점이 생겨 문의 드립니다. 

    위 질문에서 href를 쓴 건 https://react-bootstrap.github.io/components/navbar/ 의 컴포넌트 예제가  href로 작성되어 있고, to로 변경하면 css가 깨져서 href를 썼던 것인데요. 
    to를 쓰는 게 더 안전한 문법이라면 react bootstrap 예제 사이트에서는 왜 href를 사용하는 건지, 
    to로 변경하고 깨지는 스타일은 제가 따로 css를 추가해서 고쳐쓰는 게 맞는 이용법인지 알고 싶습니다! 

    항상 답변 감사합니다! 

    #26355

    codingapple
    키 마스터

    페이지 이동시켜주는건 리액트 라우터기 때문에 href 지우고 리액트 라우터문법을 쓰도록 합시다 

    bootstrap은 디자인적인 것만 도와줍니다 

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠