Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 다이나믹프로그래밍
- 백준js
- 안드로이드 스튜디오
- HTML5
- CSS
- 리액트댓글기능
- 몽고DB
- 백준구현문제
- js코테
- 코딩테스트
- 익스프레스
- JS
- 백준알고리즘
- 프로그래머스JS
- 백준골드
- 포이마웹
- 프로그래머스코테
- 코테
- HTML
- 프로그래머스
- dp알고리즘
- 백준구현
- 리액트커뮤니티
- 자바스크립트
- 백준
- JS프로그래머스
- 백준nodejs
- css기초
- 알고리즘
- 리액트
Archives
- Today
- Total
목록모달폼 (1)
개발새발 로그

현재 댓글 컴포넌트는 이런 상황이다. 1. 먼저 ··· 버튼을 눌렀을 때 수정, 삭제 버튼이 있는 모달 폼을 열어줘야한다. 모달 폼의 css는 아래와 같다. 2. 만약 다른 곳을 클릭했을 때 모달폼이 다시 닫히도록해야하는데 이때 useHooks인 useOnclickOutside를 사용한다. useOnclickOutside 사용방법 1. useRef를 이용해서 만약 클릭이벤트가 useRef로 지정한 컴포넌트나 useRef에 포함된 컴포넌트라면 return 2. 만약 다른 것을 클릭했을 때 handler함수실행 3. 이 useEffect이벤트가 계속 발생될 수 있도록 mouseDown이나 touchStart를 계속 실행시켜준다. -touchstart는 모바일에서 발생하는 이벤트 - 이 이벤트가 계속 실행되면..
MERN
2023. 6. 30. 17:29