# onchange
(React) 이미지 업로드 버그
제로초의 NodeBird 강의 프로젝트를 직접 리뉴얼 하는중에 다음과 같은 버그를 발견했다.⇒ 게시물 작성 중 이미지를 업로드하는 기능은 type 이 file 인 input 에 onChange 이벤트를 걸고 업로드 리듀서가 디스패치되는 구조게시물을 작성하기 위해 “re
onChage 알아보기
const text, setText = useState("");\-> state에서 앞 변수는 변수와 같이 사용하고, 뒷 변수는 그 변수를 새롭게 업데이트 하는 것에 사용된다.\-> setText("안녕") 하면 text의 값이 "안녕" 으로 바뀐다.onChange를
SwiftUI의 onReceive
관찰된(Observe) 객체의 게시자(Publisher)가 값을 변경할 때 코드를 실행하고 싶다면, onReceive를 사용.
SwiftUI의 onChange
View에서 일부 코드를 실행할 수 있게 해주는 view modifier, 앱에서 추가 작업 트리거하는 이벤트로 사용.필요시 UI 업데이트.속성 값의 변경 사항 관찰을 위해 사용하는 방법.메인 스레드에서 실행됨. 따라서 UI에 영향이 갈만한 긴 프로세스 실행(서버와의
Mui AutoCompelete OnChange()
유저들이 스타일을 추가하고 그 스타일에 맞는 스타일 태그를 만들 수 있도록 하기 위한 작업이었고 데이터는 기본적으로 운영자가 큰 틀로 제공하는 adminTag를 사용하고 유저가 더 디테일하게나눌 수 있는 userTag를 사용하려고 했다.일반적인 <TextField
Html과 Js_event
onclickonchangeonkeydown웹브라우저 위에서 일어나는 여러가지 사건들 중 사용자에게 유용하게 상호작용하는 코드!
React를 이용한 사용자 id, password 입력 데이터 저장
로그인을 하기 위해서 여러가지 조건들이 필요하다. 예를 들어서 이메일의 경우 '@'가 반드시 필요하고 비밀번호는 몇자이상이여하고 기타등등 아마 여러가지 조건들을 봐온 경험이 있을것이다. 이러한 입력데이터를 확인하여 로그인을 진행하기 위해서는 입력데이터를 저장해줘야한다.
React - input, useRef
input에 글을 입력하면 문자로 출력하기 + 초기화 시키기2개의 input 이용하기react에서 제공하는 hook 중 하나..current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref객체 반환반환된 객체는 component에서 유지.
[Next.js] onChange로 입력받아 변수 저장할 때 생기는 delay 해결방법
input으로 입력받아 onChange를 통해 변수에 저장을 하고 이를 바탕으로 api요청하려 한다.하지만 입력값을 보면 delay가 발생하여 마지막 글자가 짤린 상태로 api 요청이 이루어지기 때문에 내가 원하는 값을 온전히 받아올 수 없다.
TIL - onClick, onChange, input값 다루기
onClick () {} - 버튼을 눌렀을때 함수 실행onChange () {} - input박스에 내용을 입력했을 때 함수 실행onMouseOver () {} - input박스에 마우스를 갖다 댔을때 함수 실행onScroll () {} - 스크롤을 조작할 때 마다 함
React - input, useRef
input에 글을 입력하면 문자로 출력하기 + 초기화 시키기 App.jsx Input.jsx onChange 폼 필드가 변경될 때 이벤트가 발생. 2개의 input 이용하기 useRef > react에서 제공하는 hook 중 하나. .current 프로퍼티로
React Event Handling
React의 이벤트 핸들링 방식은 DOM의 이벤트 핸들링 방식과 유사하나, 몇 가지 문법 차이가 있다.React에서 이벤트는 카멜 케이스(camelCase)를 사용한다.JSX를 사용하여 문자열이 아닌 함수로 이벤트 핸들러(이벤트 처리 함수)를 전달한다.: 변화가 일어나
React) Form값 가져오기
useState에 간단한 폼양식을 넣어두고 onChange를 사용해 인풋, 셀렉박스에서 그 값을 가져와 넣어보기.규칙이 있다면이름과 사는곳을 입력해야만 저장버튼이 활성화되기사는곳이 한국이면 추가로 입력폼을 열어주기알맞게 입력후 저장버튼을 누르면 alert창을 띄우고 폼
7/15 20일차
오늘도 어제에 이어 React-hook-form 을 사용했다!watch 와 reset 기능을 유용하게 사용했다 ㅎㅎ오늘 구현한 기능은 2가지다.1\. input 값의 유무에 따른 x 버튼 이미지 (비)활성화2\. x 버튼 이미지 클릭시 해당 input 값 초기화3\.
7/14 19일차
오늘은 마이페이지의 비밀번호 변경 시 뜨는 모달 창의 벨리데이션을 적용할 때 리액트 훅 폼을 공부해서 사용해봤다.: input에서 값을 불러오기 위한 함수: 다른 옵션을 이용하면 input의 유효성 검사도 쉽게 할 수 있다.: register를 input에 넣어서 re
