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

home2 게시판 React 게시판 더보기 버튼 사라지게 만들기 질문입니다 !

더보기 버튼 사라지게 만들기 질문입니다 !

  • 이 주제에는 6개 답변, 2명 참여가 있으며 이도현4 년 전에 전에 마지막으로 업데이트했습니다.
7 글 보임 - 1 에서 7 까지 (총 7 중에서)
  • 글쓴이
  • #10447

    이도현
    참가자

    안녕하세요 선생님

     

    추가로 고민해볼 사항들

    Q. 더보기로 보여줄 상품이 3개 밖에 없습니다. 근데 사용자가 버튼을 또 누르면 어쩌죠?

    A. 보여줄 상품의 마지막에 도달했을 시 버튼을 숨기거나 하시면 됩니다.

     

    여기에서 보여줄 상품의 마지막에 도달했을 시를 어떻게 표현하나요 ?

     

    버튼 숨기는걸 

    기본적인 UI 만드는 방법( state true ,false + 삼항연산자 ) 과  .catch 를 이용하여  

    "URL 요청 실패시 더보기버튼 사라지게 해주세요~ " 라고 하려니 

    이러면 사용자가 마지막에 더보기 버튼을 한번 더 눌러 요청실패를 확정지어야 사라지게 되는데 

     

    데이터가 마지막일때 말고   

    보여줄 상품의 마지막일때를 어떻게 구현해야 할까요 ?

     

     

     

    #10448

    이도현
    참가자

    bold 적용이 안되네요...

    #10449

    이도현
    참가자

    strong 태그 X 

     

    추가로 고민해볼 사항들

    Q. 더보기로 보여줄 상품이 3개 밖에 없습니다. 근데 사용자가 버튼을 또 누르면 어쩌죠?

    A. 보여줄 상품의 마지막에 도달했을 시 버튼을 숨기거나 하시면 됩니다.

     

     

    여기에서 "보여줄 상품의 마지막에 도달했을 시" 를 어떻게 표현하나요 ?

     

    버튼 숨기는걸 

    기본적인 UI 만드는 방법( state true ,false + 삼항연산자 ) 과  .catch 를 이용하여  

    “URL 요청 실패시 더보기버튼 사라지게 해주세요~ ” 라고 하려니 

    이러면 사용자가 마지막에 더보기 버튼을 한번 더 눌러 "요청실패를 확정지어야" 사라지게 되는데 

     

    데이터가 마지막일때 말고   

    보여줄 상품의 마지막일때를 어떻게 구현해야 할까요 ?

    #10452

    codingapple
    키 마스터

    상품이 총 몇개인지 미리 알면 가능하겠군요 

    상품이 총 9개면 버튼 2번 누르고나면 숨기고

    상품이 총 12개면 버튼3번 누르고나면 숨기고 그러면 되지 않을까요 

     

    #10493

    이도현
    참가자

    답변감사합니다 !  
    버튼 자체를 삼항연산자로 담아서 UI 만들듯이 해결해 보겠습니당!

     

    추가 질문이 조금 더 있는데요..

    더보기 한번에 보여주려는 데이터의 양 만큼 .JSON 파일을 여러개  나눠서 생성 해야하는건가요 ?

    예를 들어

    총 120개의 상품을 한줄에 4개씩 보여줄거고  첫화면 3줄로 시작해서

      더보기 클릭당 3줄씩 추가로 보여줄거면 총 9번의 클릭이 필요한데 

    그러면 12개 데이터가 담겨있는 .JSON 파일을 9 개 만들어야 하는건가요 ?

     

     

     

     

     

    #10502

    codingapple
    키 마스터

    넴 서버가 없으면 일일이 만들어야합니다 

    그냥 한 JSON 파일에 다 밀어넣어놓고 버튼 누르면 120개 한번에 가져오고

    버튼 또 누를 때마다 찔끔찔끔 보여주는 것도 되긴 하겠네요 

    #10506

    이도현
    참가자

    서버가 없으면... 이라는 말씀에 

    서버가 있으면요... ?  로 시작되는 여러가지의 질문을 하고싶은데 

    part3 시작도 안했는데  뭔가  그 안에 해답이 있을것 같은 느낌이라 우선 다 듣고 오겠습니다ㅎ

    빠른 답변 감사합니다!

    충성 !

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

About

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

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

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