# modal

91개의 포스트
post-thumbnail

6/22일 <React>모달창에 대한 이해(1)

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

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

JavaScript: 시간 조건

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

2022년 6월 18일
·
0개의 댓글
post-thumbnail

RN+TS 단어장 앱 만들기 [2] - Modal

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

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

리액트 네이티브(react-native)- modal(모달)창 만들기

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

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

Day-12 state-prev

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

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

Day 12) 1. 알림창이 예뻐졌어요=> Modal 2. 주고, 우편번호를 검색해보자 => React-Daum-Postcode 3. setState에 이런 기능이??! => prevState

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

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

12) 셋째주 화요일

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

2022년 5월 24일
·
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 태그로 감싸보았다.이제 &lt;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, 코드젠 연결, 좋아요싫어요 구현, 유투브 구현... 이것들을 할거라고 적어놨는ㄷ ㅔ! ㅎㅎㅎㅎ아마 오늘 집가기 전까지 하겠지.....&lt;&lt;

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