# modal

hmds1606

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

huiju

오늘 수업 내용1) BoardDetail 안에 youtube 링크 삽입하기(기존의 다른 내용들 입력 했던 것 처럼 onChange 함수 생성해서 값이 변경되면 입력되도록 하기!)2) Board Detail FETCH_BOARD에서 youtube url 받아오는지 확인하

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, 코드젠 연결, 좋아요싫어요 구현, 유투브 구현... 이것들을 할거라고 적어놨는ㄷ ㅔ! ㅎㅎㅎㅎ아마 오늘 집가기 전까지 하겠지.....<<

dongmen5149

React에서 모달창 만드는 방법

younoah

여러개의 모달을 전역 상태로 관리하기

skaus458

modal에 트리거를 거는 방법은 두 가지가 있다.a 태그나 button 혹은 다른 element에 data-toggle, data-target 옵션을 걸어 띄워 모달창을 띄울 수 있다.modal창의 id는 "myModal"이다.<button class="btn-

tiatiahwang

우리 프로젝트 헤더의 로그인과 회원가입 버튼을 누르면,아래와 같이 모달창이 뜨는 구조이다.기존 구현되어 있던 코드로도 충분히 모달창 밖을 클릭하면,모달창이 잘 닫혔지만 한가지 문제점이 발생했다.그것은 바로바로.... 모달창의 버튼 바깥 부분을 누르면 모달창 역시 닫혀버

whljm1003

프로젝트에서 가장 많이 사용하는 기능은 modal 창인 것 같습니다.react 라이브러리가 잘 되어있어서 라이브러리를 다운 받아 사용하는 경우도 많지만,직접 구현해 보는 것도 좋은 공부가 될 것 같아 modal창을 구현해보았습니다.제가 구현한 방법은 hook를 이용해