https://react-bootstrap.netlify.app/ React Bootstrap | React Bootstrap The most popular front-end framework, rebuilt for React react-bootstrap.netlify.app 이곳에서 get Started를 누르면 설치 명령어 등이 나온다. 참고로 css경로를 잡아준 뒤에 import를 시켜서 예제 컴포넌트 등을 사용할 수 있다. 예: import logo from './logo.svg'; import './App.css'; import {Navbar,Container,Nav,Button} from 'react-bootstrap'; function App() { return ( Navbar Home Fe..
{console.log(e.target.value)}}> 이벤트 안에 매개변수 e를 잡으면 안의 함수에서 e.target.value로 input의 value값을 가져올 수 있다. {setModal(!modal); setTitle(i)}}>{a} { let dda = [...따봉]; dda[i] += 1; 따봉변경(dda); e.stopPropagation(); }}> 👍 {따봉[i]} 2월 17일 발행 위의 코드의 경우 span을 클릭해도 3번의 이벤트가 일어난다 span이벤트-> h4 이벤트 -> div 이벤트 순이다. 클릭이벤트는 상위 html로 퍼진다. 이것을 이벤트 버블링이라 한다. 이걸 막기 위해서는 원하는 이벤트에 e.stopPropagation()을 사용하면 된다. 같은 이벤트안에서 스테이트..
컴포넌트 안에 파라미터 처럼 데이터를 이동 시킬 수 있다. 부모에서 자식까지만 가능하며 자식은 부모에게 줄 수 없다. 상위 컴포넌트가 app이라면 app안의 modal 안에는 값을 줄 수 있다. { modal == true ? : null } function Modal(props){ return( {props.글제목[props.title]} 날짜 상세내용 { let copy = [...props.글제목]; copy[0] = '여자 코트 추천'; props.글제목변경(copy); }}>글수정 ) } Modal 안에 파라미터의 이름을 정한 뒤 (보통 props라 부른다) 데이터를 꺼내서 쓴다.
- Total
- Today
- Yesterday
- ArgumentResolver
- 백엔드 개발자 공부
- reject
- 스프링부트
- BindingResult
- rejectValue
- Intercepter
- filter
- 인터셉터
- 항해플러스
- HTTP
- 향해99
- 리터럴
- exception
- jpa api
- hypertexttransferprotocol
- 로그인
- 향해플러스
- SpringBoot
- Java
- react실행
- 컨트
- thymleaf
- JPA
- 스프링공부
- React
- 예외처리
- 향해플러스백엔드
- 백엔드 개발자 역량
- 항해99
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |