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

home2 게시판 Next.js 게시판 링크 태그가 조건부로 실행됩니다.

링크 태그가 조건부로 실행됩니다.

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

    이영호
    참가자
    게시판 글목록에 Link 태그를 달아 놨는데,
    <Link href={`/board/${value.category}/${value.id}`}> 이런식으로 달아 놨습니다.
    
    어떤 상황에서는 클릭하면 잘 넘어가는데 어떤 상황에서는 클릭 해도 넘어가지가 않습니다.
    네트워크 도구로 확인해 보았는데, 페이지 클릭 시 요청이 나가고 css도 가져오는 것 까지는 확인했습니다.
    골때리는건 안에 ${}를 쓰지 않고 하드코딩으로 임시 주소를 넘겨주면 잘 넘어갑니다.
    또 주소창에 직접 입력해도 잘 넘어갑니다.. 링크 태그 자체에 문제가 있는 걸까요?
     
    #103178

    이영호
    참가자
    라우팅에 문제가 있어서 그런걸까요? 
    
    게시글 목록 리스트를 /board/[게시판종류]
    게시글의 상세 페이지를 안에 폴더 만들어서 폴더 주소가
     /board/[게시판종류]/[게시글 id] 로 했습니다.
    
    하이퍼 링크는 /board/게시판종류/id 로 걸어놨습니다.
    둘 중에 뭐를 보여줘야 되는지 nextjs가 몰라서 그런걸까요?
    #103182

    이영호
    참가자
    A 태그로 변경하니 새로고침이 되서 잘 넘어가긴 합니다. Link 태그 써도 문제 없어야 되는데 너무 찝찝하네요
    #103202

    codingapple
    키 마스터
    value변수에 정보들 잘 들어있나 출력부터해봅시다
    #103204

    이영호
    참가자
    정확히는 <Link href = 위의 링크> value.title</Link> 에서 title은 화면에 잘 보이는 것으로 볼 때 변수 값은 다 잘 들어온 것 같습니다!
    마우스 위에 올려놓으면 올바른 링크로 하이퍼링크 걸려있는 것으로 나옵니다
    #103205

    이영호
    참가자
    혹시나 해서 vercel에 배포했는데 배포해서는 링크 태그 잘 동작합니다;; // 하는줄 알았는데 안되네요
    Link 태그가 올바르게 잘 올라와 있으나, 클릭하면 아무런 반응이 없습니다;;
    
    잘 될 때는 바로 바로 넘어가지는데 , 어떤 때는 반응 자체가 없네요 그냥 A태그로 넣어야 할까요?
     태그
    
    #103212

    codingapple
    키 마스터
    Link태그에 onClick을 달았거나 안에 이상한 html태그가 있거나 그래서 그럴 수도 있습니다
    #103221

    이영호
    참가자
    오랜시간의 삽질 끝에 해결자체는 한 것 같습니다. 감사합니다!!
    
    원래는 /board/[boardName]/[id] 로 폴더를 만들었고
    
    /board/[boardName] 위치에 page.js 하나
    /board/[boardName]/[id]/ 위치에 page.js 하나  둔 상태에서
    
    /board/[boardName]/[id] 로 요청을 할 경우 문제가 발생했었습니다.
    
    두 페이지들이 너무 붙어있어서 혹시나 라우터가 페이지 위치를 몰라 얼타는 건가 싶어서
    아예 다른 위치로 분리를 했는데, 정상 작동합니다!
    
    원래 저런식으로 사용하면 안되는 건가요? 강의에서나 웹에서 찾아봐도 크게 문제는 없는 것 같은데 
    저렇게 분리하니깐 일단은 해결되었습니다.  저렇게 사용하면 안되는 것인지 궁금합니다!
    
    
    
    #103257

    codingapple
    키 마스터
    테스트해보면 별문제없는거같은데 nextjs 버전이 이상해서 그럴 수도 있습니다
    #103341

    이영호
    참가자
    package json 에
    13.5.5 에 리액트 18로 나오긴 하네요
    자바 c++ 이런 언어면 집요하게 브레이크 포인트 잡고 어떻게든 찾아내겠는데, 너무 추상화 되어있어서 쉽지 않네요;;
    우문에 현답주셔서 감사합니다!!
10 글 보임 - 1 에서 10 까지 (총 10 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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