일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Spring
- includes()
- JS
- ArrayMethods
- Oracle
- 배열에 문자열
- java
- 배열
- StateManagement
- preventDefailt
- JavaScriptTutorial
- SoftwareEngineering
- git lab
- WebDevelopment
- javascript
- 문자열 포함
- DeveloperTips
- 스프링
- ProgrammingTips
- There is no tracking information for the current branch
- LearnCoding
- sql
- ReactHooks
- error
- 배열에 특정 요소 포함
- maven
- eclipse
- FrontEndDevelopment
- CodingTutorial
- CodeTutorial
- Today
- Total
목록programing/React (2)
Code Party Lounge
React에서 state 값을 변경하는 방법은 두 가지가 있습니다. 함수형 컴포넌트에서는 useState 훅을 사용하고, 클래스형 컴포넌트에서는 setState 메서드를 사용합니다. 주어진 두 가지 변수(person과 personList)의 특정 값을 변경하는 방법을 설명하겠습니다. 1. person의 특정 값 변경 - useState 훅을 사용하여 person을 상태로 관리합니다. - useState를 사용하여 상태를 설정하고, 필요한 값을 변경한 후 새로운 상태로 설정합니다. import React, { useState } from 'react'; // Person 타입 정의 type Person = { id: number; first_name: string; last_name: string; add..
1. e.preventDefailt() - 브라우저 고유의 동작을 중단시켜주는 역할. preventDefault() 메서드는 이벤트가 전파되는 것(*버블링이나 *캡쳐 단계)를 중지시키지는 않는다. 주로 사용되는 경우는 1. a 태그를 눌렀을 때 href 링크로 이동하지 않게 할 경우 2. form 태그 안에 submit 역할을 하는 버튼을 눌렀을 때 새로고침 하고싶지 않은 경우 * 이벤트 버블링이란? 자식 element에서 발생된 event가 부모 element순으로 전달되는 현상 * 이벤트 캡쳐링이란? 부모 element에서 발생된 event가 자삭 element순으로 전달되는 현상 2. e.stopPropagation() - 부모 엘리먼트에게 이벤트 전달을 중단시켜주는 역할. stopPropagati..