본문 바로가기

rhanziy

검색하기
rhanziy
프로필사진 rhanziy

  • 분류 전체보기 (170)
    • git (3)
    • Html_css_js (55)
    • React (25)
    • React Native (20)
    • Next.js (13)
    • Node.js (12)
    • Java (22)
    • Development setting (7)
    • study (9)
    • doodle (4)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Tags
  • 글또10기x코드트리
  • async
  • supabase authentication
  • 상속
  • javascript
  • supabase auth
  • map
  • set
  • react
  • 페이지네이션
  • Filter
  • app.post
  • generic
  • 코드푸시
  • Spring
  • 타입스크립트
  • Next.js
  • supabase 페이지네이션
  • array
  • xlsx-js-style
  • meatadata
  • 이진탐색
  • code-push-standalone
  • codepush
  • 슬라이딩윈도우
  • extends
  • TS
  • 스크롤이벤트
  • reactnative
  • interface
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록v-else (1)

rhanziy

Vue - v-if와 모달창 만들기

일단 Vue로 동적인 모달창 만드는법 1. 모달창 HTML, CSS로 만들기. 2. 현재 HTML ui 상태를 데이터로 저장해두기. 3. 상태에 따라(if문) HTML ui를 보여줄지 말지 Vue 문법으로 작성 step1. 모달창 UI 코드짜기 상세페이지 상세페이지 내용 // CSS .black-bg { position: fixed; top:0; left:0; width:100%; height:100%; padding:50px; background: rgba(0, 0, 0, 0.5); } .white-bg { position:relative; width:80%; margin:0 auto; padding:50px 0; background:white; border-radius: 8px; } .white-bg..

study 2023. 6. 18. 21:29
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바