# modal

86개의 포스트
post-thumbnail

Day-12 state-prev

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

약 10시간 전
·
0개의 댓글
post-thumbnail

12) 셋째주 화요일

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

약 13시간 전
·
0개의 댓글
post-thumbnail

#2 vuex 로 전역 modal 만들기

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

2022년 5월 12일
·
0개의 댓글
post-thumbnail

#1 모달 외부 클릭하여 닫기

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

2022년 5월 12일
·
0개의 댓글
post-thumbnail

[2022.04.27] Vue 입문기#4 모달창 애니메이션 효과 넣기

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

2022년 4월 27일
·
0개의 댓글
post-thumbnail

[카우치코딩] 4주차 진행 회고

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

2022년 4월 23일
·
0개의 댓글

[HTML, CSS, JS] 모달 작성

html modal feature(html/css/js)

2022년 4월 22일
·
0개의 댓글

modal창 만들기 with Animation

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

2022년 4월 22일
·
0개의 댓글

modal창 만들기 with Animation

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

2022년 4월 22일
·
0개의 댓글
post-thumbnail

[에러기록]모달이 팝업으로 뜨지 않아!

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

2022년 4월 20일
·
0개의 댓글
post-thumbnail

[vue] 모달 컴포넌트(modal $emit) 사용하기

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

2022년 4월 7일
·
0개의 댓글
post-thumbnail

13) 맨날 Body, Wrapper 설정 복붙하는거 아니지..? Layout 구조의 편리함! 코캠은 알고리즘 테스트도 매주 본대요~(ft. global styles) Code-Camp FE 6기

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

2022년 3월 30일
·
0개의 댓글
post-thumbnail

TIL 12 03.29

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

2022년 3월 29일
·
0개의 댓글
post-thumbnail

12)언제까지 alert?! 예쁜 Modal을 써보자! 라이브러리엔 기부니가 좋은게 많다구! (code-camp FE 6기)

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

2022년 3월 29일
·
0개의 댓글

React Modal창 만들기

React에서 모달창 만드는 방법

2022년 3월 20일
·
0개의 댓글
post-thumbnail

여러개의 모달을 전역 상태로 관리하기 (feat. context)

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

2022년 3월 15일
·
0개의 댓글

bootstrap modal 사용법

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

2022년 3월 13일
·
0개의 댓글

[Week3] 모달창 배경 클릭시 닫기

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

2022년 2월 21일
·
0개의 댓글
post-thumbnail

react modal 창 구현

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

2022년 2월 16일
·
0개의 댓글