# onClick

31개의 포스트

[React] onClick

ERROR는 에러라 중요WARNING은 무시 가능function 함수() {}태그 내부에 함수 그냥 넣기태그 내부에 arrow function 넣기 ( ) => { }onClick={}안엔 함수이름을 넣어야 함등호로 변경금지 !! 반드시 state 변경함수를 써야한다.

3일 전
·
0개의 댓글
post-thumbnail

버튼

버튼 image‏‏‎ ‎버튼 image버튼 image버튼 image‏‏‎ ‎버튼 image버튼 image‏‏‎ ‎‏‏‎ ‎

2022년 4월 25일
·
0개의 댓글
post-thumbnail

[코딩애플 JS 기초] function, onClick활용

이런 화면에서 열기 버튼을 누르면 이렇게 창이 나타나고닫기 버튼을 누르면다시 원래대로 돌아오는 것을 onClick을 사용해 만들기CSS위와 동일하게 화면이 잘 나타난다강의를 듣다가 문득 뭔가 이상함이 느껴져서 보니...닫기 버튼을 div 안에 만들었어야 하는 것을 깨달

2022년 4월 13일
·
0개의 댓글

onclick 이벤트 중복 방지

이럴 때 해결 하는 방법은 이벤트를 unbind 후 bind하는 것이다.

2022년 3월 23일
·
0개의 댓글
post-thumbnail

(Android Studio) 버튼을 눌러 텍스트 및 이미지 변경하기 (OnClick() 사용)

Android Studio를 통해 버튼을 2개 생성하고, 하나의 버튼(btn1)을 누르면 '학번'과 '이름'이 번갈아 가면서 나오고, 또 다른 버튼(btn2)을 누르면 3개의 그림이 변경되어 출력되는 과제​​​

2022년 3월 12일
·
0개의 댓글
post-thumbnail

React - onClick 파라미터 전달하기

시간이 생겨서 개인프로젝트인 Todo를 삭제 버튼을 구현했다.리덕스를 사용한 프로젝트여서 특정 할 일을 삭제하려면 그 할일의 id 값을 action으로 보내야하는데, 그러면 파라미터로 id를 전달해야 했다.하지만 지금까지 파라미터로 전달할 일이 없었기에 검색을 해야했

2022년 3월 5일
·
0개의 댓글

onClick

onClick을 사용하면서 의아했다.2가지 케이스를 보면서 언제언제 구분해서 쓰나?onClick(함수);위와 같이 쓰면 too many re-rendering이라는 에러가 표시.그래서 아래처럼 수정해줘야한다.onClick(() => 함수);"onClick인자로 ()=>

2022년 2월 8일
·
0개의 댓글
post-thumbnail

[FC] 이벤트의 이해(이벤트 연결) Day-9

무언가 일어나는 행위, 액션을 이벤트라고 한다.(웹상에서 일어나는 click, mouseover, mousemove, mousewheel, scroll 등)(loar, error)DOM.onclick = () => {}DOM.addEventListener("이벤트",

2022년 2월 1일
·
0개의 댓글

[React] onClick 안에서 데이터 전달하기

onClick 안에서 데이터를 전달하는 방법은 <> 안에서와는 조금 다르다.예시 (전달 부분)받는 부분

2022년 1월 2일
·
0개의 댓글
post-thumbnail

React, Reactnative에서 event 함수 실수 한 것 - 자동실행

React와 Reactnative를 공부하다 React button의 onClick이나 Reactnative에서 Button의 onPress에서 함수를 전달 할 때 실수를 했던 부분이다. 버튼의 클릭 이벤트가 없는데도 자동 앱이나 페이지가 렌더링 될 때 자동으로 이

2021년 12월 30일
·
0개의 댓글
post-thumbnail

[React] 이벤트 핸들러

React에서의 이벤트 핸들러의 콜백함수 전달하기

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

Lambda와 Inner class의 final 변수

안드로이드를 개발하면서 onClick 메소드를 주로 anonymous class로 정의하여 사용한다.이때 anonymous class 내부에서 외부 스택 변수를 참조할 때 오류가 발생하는 조건이 있다.JAVA8 이전에는 외부 스택 변수를 final 변수로 선언하거나,

2021년 11월 26일
·
0개의 댓글
post-thumbnail

[CS] React State & Props Day-21

React 함수 컴포넌트 (React Function Component)에서 state hook을 이용하여 state를 정의 및 변경할 수 있습니다.React Component에 props를 전달할 수 있습니다.살면서 변할 수 있는 값을 뜻합니다. (일반적으로 상태)라

2021년 11월 2일
·
0개의 댓글
post-thumbnail

React에서 IE로 접속할 경우 배너 띄우기

React 공부를 마치고 첫 번째 웹페이지를 만들어 보던 중, 홈페이지 예상 방문객 중 적지 않은 수가 IE를 이용할것으로 예상되어, IE에서도 페이지를 동작하게 해야 했다. References : https://blog.qvil.dev/web/ie-to-e

2021년 10월 31일
·
1개의 댓글

[React] 이벤트 처리하기

React에서는 JSX를 사용하여 문자열이 아닌 함수로 이벤트 핸들러를 전달합니다.위의 코드는 onClick의 객체로 lambda함수를 넣어서 Submit 버튼을 클릭했을 때 'hello'라는 문자가 뜨도록 하는 코드입니다. 'hello' alert주의!만약 위의 코드

2021년 10월 12일
·
0개의 댓글
post-thumbnail

[팀프로젝트] Lush clone-로그인페이지

구현기능onChange, onClick 이벤트를 통한 로그인 기능 구현SignIn.js로그인페이지에서 아이디,비밀번호 인풋창에서 입력될 값은 바뀌기 때문에 state,setState 설정아이디,비밀번호 인풋창은 회원가입페이지에서도 재사용이 가능할 수가 있어서 컴포넌트로

2021년 10월 9일
·
0개의 댓글
post-thumbnail

[팀프로젝트] Lush clone

구현기능드롭메뉴 (마우스 이벤트)Header.js마우스를 올렸을 때, 안올렸을 때 값이 바뀌어야 하니 state,setState 설정메인메뉴 컴포넌트에 마우스이벤트 props로 전달조건이 참인 경우(isDropdownOpen:true)에 드롭메뉴가 화면에 구현되도록 조

2021년 10월 9일
·
0개의 댓글

Event Handler Parameter 전달하기

Event Handler Parameter 전달하기 1. 전달할 parameter가 없거나 이벤트를 parameter로 전달하는 경우 2. 이벤트 객체가 아닌 parameter를 전달하는 경우 3. 여러개의 parameter를 전달하는 경우

2021년 10월 2일
·
0개의 댓글

onclick에 등록한 함수를 제거하려면?

과연 onclick의 함수를 제거하기 위해 null을 대입했을 때, GC가 잘 해제할것인가?

2021년 9월 28일
·
0개의 댓글