목록모달창 (4)
Yeonee's Story
안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 이전 포스팅에서 리스트 그룹을 이용하여 게시판 리스트 목록을 만드는 것을 실습해보았는데요, 해당 게시물을 누르면 책의 정보의 Modal창을 띄우는 응용 부분을 추가적으로 실습해보았습니다. + 일단 하드코딩으로 세부내용을 진행 후 추후 내용을 수정하면서 완성된 웹페이지를 구성해보고자 합니다. 게시판 리스트 모달창 띄우기 리스트 그룹인 게시판 리스트 목록인 부분의 modal id값을 각각 다르게 부여해줍니다. 해당 모달을 footer태그 아래에 덧붙여줍니다. Modal창 부분인 div태그 중, 위 리스트그룹에서 지정해준 id값과 일치하도록 수정해줍니다. + modal관련 내용을 서치하다보니 그냥 modal보다 modal..
안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 모달 modal Garden of Books의 특징 Garden of Books는 다른 사이트와 다른 깔끔한 구성을 보여줍니다. 모든 페이지가 사용자가 접근하고 사용하기 쉽도록 구성되었습니다. 자세히 알아보기 베스트셀러 추천 10년치 베스트셀러 및 화제의 책, 올해의 책을 만나보세요. 좋은 책에 투자하고자 하는 당신의 안목을 지켜드립니다. 자세히 알아보기 새로나온 책 새로나온 멋진 책들을 소개합니다. 내가 읽던 장르 혹은 전혀 다른 장르의 새로운 책들을 만나고 경험해보세요. 자세히 알아보기 위 코드를 jumbotron div 바로 아래에 추가해줍니다. 위와 같이 체크된 부분의 모습이 추가된 것을 볼 수 있습니다. 모..
안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) yeonee 블로그 : 네이버 블로그 예쁘고 맛있게 먹고 건강하게,강인하지만 온화하게 행하라. ※맛스타운스타일상 인스타 www.instagram.com/s2._.y25n ※맛집감성일상 유튜브https://youtube.com/channel/@S2_yeonee 티스토리https://yeoneeluv.tistory.co blog.naver.com 이전에 게시했던 인스타그램 알람 기능 구현 - 모달창 크기 조절, 내용 제한은 너무 베이직한 부분이 있어, 요즘 스타일의 코드와 충돌이 있어 수정하는 과정을 겪어보았습니다. notifications data-bs-toggle="modal", data-bs-target="#exa..
안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) yeonee 블로그 : 네이버 블로그 예쁘고 맛있게 먹고 건강하게,강인하지만 온화하게 행하라. ※맛스타운스타일상 인스타 www.instagram.com/s2._.y25n ※맛집감성일상 유튜브https://youtube.com/channel/@S2_yeonee 티스토리https://yeoneeluv.tistory.co blog.naver.com 마지막 파이널 프로젝트로 sns를 구현하게 되었어요. 기능구현 전에 기본적인 UI 구현 중 모달창을 띄우는 과정을 겪었는데요, 모달창 크기 조절 및 모달창 내용 제한이 은근 알고 나면 간단한 기능이랍니다. 제가 맡은 부분인 알람창과 알람버튼을 누르면 해당 알람들이 모달창을 통해..