# onFocus

6개의 포스트

[JS] 리액트에서 onFocus, onBlur 에 대해 알아보자

개발하다 보니, 기본값이 0인 input 이 있는데, 사용자가 커서를 입력할 때 0을 일일이 지워야 해서 귀찮다고 하길래,간단하게 만들어 봤다.1) input 창에 터치 또는 클릭 했을 시, 0을 공백으로 초기화 해야 한다.(그래야 안 지움)2) input 창에서 벗어

2022년 11월 22일
·
0개의 댓글
·

[TIL] onFocus, onBlur

이번 프로젝트에서 파파고 API를 통해 번역할 수 있는 번역 기능을 넣었는데, 번역할 문장을 인자로 보낼 때 어떻게 해야할지 고민이 있었다. onChange로 하기에는 입력하는 동안 계속 리렌더링이 되는 문제가 있고, ref로 하려고 하니 번역할 문장 입력하는 곳에 내

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

[React] onFocus 와 onBlur이벤트를 사용하여 인풋창 색상 변경하기

로그인 페이지를 만드는 중 구현하기로 한 필수사항 중 인풋창을 클릭했을 때 밑줄 색이 바뀌고 인풋 바깥인 메인페이지를 다시 클릭했을 때 원래 색상으로 돌아오게 하는 기능이 있었다. 인풋창을 클릭할때마다 이벤트가 발생하는 토글 기능이 아닌 활성화된 기능을 다시 해제시켜야

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

[TIL] 2020/11/14

Today, I Learned const { matches } = window.matchMedia('(max-width: 48rem)'); 이 코드를 통해서 만약 웹으로 접속하면, 즉, max-width설정을 통해, 48rem 이하인 디바이스에서 접속하면(m

2020년 11월 14일
·
0개의 댓글
·