# onClick

35개의 포스트

React, Select, Option

React에서 셀렉트로 선택된 트윗만 렌더하기

2022년 6월 8일
·
0개의 댓글

react 잘못된 onClick, data-set

나는 항상 list에서 뽑을 때 tag에 data-set 을 사용해서 onClick할 때 e.target.dataset.set을 사용하여 해당 리스트에 맞는 id 를 가져와서 작업을 했다.하지만 이는 실제 DOM을 건드리는 일이라고 해서 성능에 살짝 안좋다고 한다. 그

2022년 6월 7일
·
0개의 댓글

웹 프로그래밍 4일차

===과 == 의 차이결과화면결과화면결과화면결과화면결과화면

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

setAttribute

kitty사진을 누르면 doggy사진으로 바뀌는 event.kitty img tag에 onClick event를 걸고 makeDoggy 함수를 값으로 줬다. An event listener attribute's value should be a function. make

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

[React] onClick

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

2022년 5월 20일
·
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개의 댓글