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 | 29 | 30 | 31 |
Tags
- github io
- nextjs
- There isn’t anything to compare
- styled components
- API 토큰
- react typescript
- npm styled-reset
- dart 변수
- 컨디셔널 렌더링
- rewrites
- input type=file
- ngrok설치
- typescript react
- react
- nextjs .env
- nextjs 설치
- getModifierState
- API token
- ngrok실행
- bootstrap
- next.js css
- git lab
- createGlobalStyle
- react env
- SCSS
- fetch
- icon
- CSS
- Git
- github
Archives
- Today
- Total
목록getModifierState (1)
꾸준히 성장하는 개발자
[React] Login 페이지 - password CapsLock 표시
Login 페이지에서 CapsLock이 켜져 있는지 꺼져 있는지 확인해주는 기능을 구현해보자 state로 capsLockFlag의 boolean 값을 관리해준다. const [capsLockFlag, setCapsLockFlag] = useState(false); input에 포커스가 되고 어떤 키든 눌렀다가 떼는 순간 이벤트가 실행되면서 capslock이 켜져 있는지에 대한 여부를 확인하게 된다 // password입력칸에서 키보드의 키를 눌렀다가 떼는순간 이벤트는 실행이 된다 checkCapsLock(e)} /> // 위의 이벤트가 실행이 되고 capsLockFlag의 boolean값에 따라 출력값이 달라진다 {capsLockFlag ? "Caps Lock이 켜져 있습니다" : ""} getModif..
React
2022. 6. 29. 17:02