# modal

61개의 포스트
post-thumbnail

Modal이 모다냐 // 220125

TIL 열두걸음⭐ 어제의 멘붕 기운이 오늘까지 이어졌나보다. 오늘도 git repository에 git add . git commit -m하려니까 충돌이 일어난다고 한다. 열심히 구글링하다가 index.lock 파일을 지우고 다시 add하고 commit하니까 드디어 되

약 2시간 전
·
0개의 댓글

🦊 TIL 0125

[Modal] [Properties of State] [Prev] [Husky] [Algorithms - .reverse()]

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

[React-The Complete Guide]Section 8: Time to Practice : A Complete Practice Project

리액트 강의 section 8을 듣고 작성한 TIL 포스팅입니다.

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

코드캠프 부트캠프 12일차

Ant-design은 디자이너의 도움 없이 개발자 스스로 디자인된 컴포넌트를 만들 수 있도록 도와주는 UI프레임워크 이다.사이트 주소 : https://ant.design/사이트에 들어가게되면 Button, Icon, Calendar, 등.. 다양한 기능들을

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

[게시판 프로젝트] 댓글 및 대댓글

먼저 댓글을 처음 구현할 때 시행착오가 한번 있었다. 일반 댓글을 구현할 때에는 문제가 없었지만 대댓글 까지 구현하려니 댓글테이블과 대댓글테이블을 따로 만들어야 하나 라는 고민에 빠졌다. 둘다 만들자니 성격이 비슷한 테이블이 두개 만들어 지는거 같아 불 필요하다고 느꼈

2021년 12월 27일
·
0개의 댓글
post-thumbnail

[React] Modal 만들기

Yes -> modal 보여줌, no -> modal 안 보여줌. 대신 전역적으로 관리해줄 뿐.우리 스크림도르 사이트에서는 모달을 굉장히 많이 사용한다. modal을 만들어주는 다양한 라이브러리가 있는 것을 알고 있지만 createPortal을 사용해서 직접 구현해보고

2021년 12월 23일
·
0개의 댓글

[React] 모달창 만들기

리액트 버전 모달창 만들기 > 우선, modal창을 관리할 useState를 만들고, dim처리 할 부분을 useRef를 사용하여 접근한다. 그리고 버튼을 눌렀을 때 모달을 보여주는 openModal 함수, 모달을 펼쳐져 있을 때만 닫아주는 closeModal 함수

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

모달을 이용하여 경고창 만들기

https://ant.design/components/modal/ 을 이용한다.실습 코드아래의 사진을 보면 잘 적용되는 것을 볼 수 있다!

2021년 11월 16일
·
0개의 댓글
post-thumbnail

React에서 모달창 만들기

모달창 그냥 부트스트랩 갖다쓸까하다가 만드는거 어렵지 않아서 직접 만들어봄!직접해보니 별거아니었다~<모달창 만드는 법>

2021년 11월 10일
·
0개의 댓글
post-thumbnail

[react] chakra-ui를 이용해 모달 만들기 (Typescript + Next.js)

만들어 볼 결과물은 gif와 같은 모달이다.아직 디자인이 완전히 나온 상태가 아니어서 모달의 타입을 정확히 구분지을 수 없었다.따라서 헤더(타이틀)와 푸터(버튼)의 디자인에 따라 타입을 나누고, 바디는 children 을 이용해 받을 것이다.chakra-ui로 모달을

2021년 10월 28일
·
2개의 댓글
post-thumbnail

🙆🏻‍♀️ [React] 1 : N 모달창 🙆🏻‍♀️

여러 개의 리스트! 하나의 모달!

2021년 10월 25일
·
0개의 댓글
post-thumbnail

react-modal 라이브러리

https://velog.io/@seungsang00/React-React-Modal

2021년 10월 13일
·
0개의 댓글
post-thumbnail

Modal 활용해보기

react-daum-postcode 라이브러리와 모달을 활용해서 주소창 띄어보기, Modal속성에 대해 설명, prev를 활용한 리팩토링 , 에러던지기

2021년 9월 18일
·
1개의 댓글

[TIL] 9월 14일 Modal 2

오늘도 어제에 이어서 2번째 Modal 라이브러리 사용법에 대해서 배웠다.오늘은 국내에서 정말 많이 사용하는 Adress 라이브러리 적용에 대해서 배웠다.국내에서 가장 많이 사용하는 주소 라이브러리는 daum-postcode 이다.daum-postcode란?인터넷을 이

2021년 9월 15일
·
1개의 댓글
post-thumbnail

[React] 전역으로 관리하는 모달 만들기

이번에 만들어 볼 것은 모달인데, ios에서 기본적으로 제공하는 것처럼 생긴 모달을 만들 것입니다!먼저 완성본부터 보겠습니다디자인에 관련된 정확한 측정이 스스로의 힘으로는 불가능하였지만, 같이 협업하고 계신 디자이너님께서 만들어서 제공해주셨습니다👍프론트 작업 시에,

2021년 9월 14일
·
0개의 댓글

[TIL] 9월 13일 Modal!!

오늘은 각종 아이콘, 캘린더, 유튜브 url등등 쉽게 가져와 적용할수 있는 라이브러리에 대해 배웠다.라이브러리란?자주사용하는 기능을 미리 만들어 놓는것을 말한다.미리사용하는 아이콘,캘린더, 알림창 등등을 가져와서 나의 상황에 맞게 적용 및 커스터마이징 하면 된다.Mod

2021년 9월 13일
·
0개의 댓글

4. Deep Dive : Modal Window

모달, 팝업만드는 법

2021년 9월 5일
·
0개의 댓글
post-thumbnail

[Project] 모달을 통한 생성/삭제 기능 구현

예... 현재 12시간 프로젝트 중인데, 같은 부분에서 3시간 삽질했네요...! 인내심이 끝까지 달리던 순간, 뭔가 제가 오해가 있을 거란 부분을 생각해서 수정한 결과, 정상 동작을 하게 됐읍니다!!! 👏👏👏이래서 정말... 언러닝이 중요하다는 것을 다시금 느낍니

2021년 9월 2일
·
0개의 댓글
post-thumbnail

React에서 Modal 구현하기(feat. createPortal, 스크롤 막기)

Modal(이하 모달)은 사용자의 이목을 끌기 위해 사용하는 화면전환 기법 중에 하나다. 이번 프로젝트에서는 사용자가 어떤 행동을 하였을 때 이 행동을 정말로 진행할 것인지 확인 하는 용도로 사용을 하기도 하였고, 로그인이 필요한 기능을 수행하려 할 때...

2021년 8월 29일
·
0개의 댓글