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
- nextjs
- ngrok실행
- input type=file
- nextjs 설치
- rewrites
- SCSS
- API token
- CSS
- react typescript
- github io
- github
- ngrok설치
- 컨디셔널 렌더링
- npm styled-reset
- react env
- API 토큰
- typescript react
- git lab
- bootstrap
- Git
- createGlobalStyle
- icon
- getModifierState
- fetch
- dart 변수
- next.js css
- styled components
- nextjs .env
- There isn’t anything to compare
- react
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