# modal

idojustdo_it

모달창을 쓸 일이 많이 없을 거라 생각했는데, 생각보다.. 모달창의 사용빈도가 많아지고 있어나도 .. 복붙!을 이해하고 내 글로 스타일 컴포넌트를 쓰는 리액터분들에게 하나의 템플릿을 제공할 수 있기를..🙆‍♀️🙆‍♂️내가원하는 건 버튼을 눌렀을 때 모달창이 나오고

cdspacenoob

내가 다음에 또 쓰려고 저장하는 모달 구현 코드 / setTimeout()함수에 대해 기록

yoongyum

이번에는 타입스크립트를 이용해서 모달창 띄우는 것을 구현해보겠습니다.modalVisible : 모달창이 비춰지는지 여부setModalVisible: 모달창을 닫는 useStatebody : 모달에 적용할 컴포넌트blankSpace는 모달창이 띄워지면 창 외부의 어두운

su96in43

리액트 네이티브입니다 / Don't Starve(굶지마)

hmds1606

state의 원리가 입력된 데이터들이 임시저장 되었다가 기존 데이터들은 사라지고 한번에 리셋되어 마지막의 데이터가 나오는 원리가 있다고 알아봤었다. (Day-7 State원리 참고)하지만 마지막 데이터가 나오기 전 중간에 임시저장된 데이터를 알고 싶으면 어떻게 해야할까

songinho96

유튜브좋아요/싫어요댓글(별)유튜브 스타일 주기!! 이중 부정연산자있으면 true, 없으면 false{props.data?.fetchBOard.writer}const writer = "철수" 를 boolean 타입으로 변경하고 싶으면{!!writer} 을 쓰면 true가

huiju

Algorithm Self Study, Modal & post address, state & prev, Code Review, Daily Scrum, Algorithm Class, self Study

nonlyito

vuex스토어를 활용한 리스트 상세보기 팝업을 만들 수 있다

nonlyito

태그에 focus, blur를 통한 모달 닫힘 구현

reasonz

모달창에 트랜지션/애니메이션효과를 넣어보자지난번에 만들어보았던 모달창에 애니메이션 효과를 넣어보려 한다.Vue가 제공하는 트랜지션 컴포넌트를 사용해보기로 했다.이렇게 만들어놨던 모달 컴포넌트에 transition 태그로 감싸보았다.이제 <transition nam

jun_53

메인페이지의 Thumnail을 구현하였다. 카테고리 모달, 지역모달 구현하였다.리액트 포탈을 사용한 모달을 구현하였다.antd의 css커스텀 및 스크롤을 숨겨주었다.

migdracios

html modal feature(html/css/js)

mutoh1

개인노션 작성 글(2022.02.27) 블로그로 이전 중입니다.react-modal 라이브러리를 사용하다 문제가 발생했다 그래서 직접 만들기로 했다.부모 Header.js먼저 부모에서 모달창의 state를 만들고 값과 함수를 자식에게 넘겨준다.자식 HamburgerMo

1003gorkd

개인노션 작성 글(2022.02.27) 블로그로 이전 중입니다.react-modal 라이브러리를 사용하다 문제가 발생했다 그래서 직접 만들기로 했다.부모 Header.js먼저 부모에서 모달창의 state를 만들고 값과 함수를 자식에게 넘겨준다.자식 HamburgerMo

hyeun427

antd에서 modal을 import해서 적용시켰는데 브라우저에서 모달이 기대한대로 팝업처럼 뜨지않고 화면 맨 아래에 나오는 상황. 또, ok를 눌러도 사라지지 않는 문제가 발생.모달에 적용할 CSS도 import를 해주어야한다!잘 모르겠을 때는 라이브러리의 DOC를

7p3m1k

디자인은 elementUI를 사용app.jsdialogFormVisible 데이터 값을 false로 설정 모달에 props로 data값 전달QuizModal.vueapp.js에서 버튼 눌러서 보여지고:visible="dialogFormVisible"모달 배경에 emi

kimareum

오늘의 일정 good morning study안뇽 오늘은 한문제인데 못풀어써 근데 이따가 알테보고 좀 더 볼꺼야 ! 그래서 아직 답 안봤지롱 마지막 조건에서 뭐가 문제일까 ..흑레이아웃 구조잡기글로벌 스타일 적용캐러셀 이미지Code ReviewAlgorithm Clas

ghfnsgldl

아이콘 자체를 새로운 스타일 컴포넌트로 선언해주고 속성 지정해줄 수 있었다.그러고 그 아이콘이 들어간 버튼을 클릭했을 때 함수를 생성하고 버튼을 누를때 마다 다시 화면을 보여주기 위해 refetchQueries를 달아줬다.백엔드에서 like와 dislike를 백엔드에서

kimareum

오늘의 일정 오늘은 일찍와서 ! 알고리즘 풀기 , 자바스크립트 기초 공부하기, 포트폴리오 별점기능구현, 목록페이지 ui, 코드젠 연결, 좋아요싫어요 구현, 유투브 구현... 이것들을 할거라고 적어놨는ㄷ ㅔ! ㅎㅎㅎㅎ아마 오늘 집가기 전까지 하겠지.....<<