React 시작 - props
리액트에서는 태그의 Attribute처럼 속성을 붙일 수 있는데 이걸 리액트에서는 props 라는게 있는데 홈페이지에 가보면 개발문서에 컴포넌트와 프롭스에 대해 사용 할 수 있도록 정리 되어있다. 사용법은 나와있지만 정리해보려 한다 일단 내가 만든 컴포넌트 태그에 값을 넣어준다 그런 뒤에 원래 값이 들어가는 곳에 자신을 가르키는 this 그리고 프롭스라는 뜻에서 this.props 마지막으로 속성값의 이름을 적어 주면 컴포넌트 태그에 걸어둔 프롭스 값이 들어가게 된다. 이렇게 태그를 2개 입력해주면 속성값에 따라 내용이 바뀌는 것을 확인 할 수 있다.
dev_공부일지/React
2021. 5. 9. 18:24
React 시작하기 - component 만들기
이런 html 태그가 있다고 했을떄에 header 태그안에 있는 것이 1억개의 태그로 이루어져있다면 그 태그들은 어딘가에 감쳐두고 하나의 태그로 그것을 의미할 수 있다면 얼마나 좋을까? 그걸 해결하는 것이 컴포넌트이고 그 컴포넌트들을 사용할 수 있게 하는 것이 리액트의 기능이다. 위쪽에 class인 Subject를 만드는데 리액트의 클래스 Component를 상속 받고 꼭 render() 함수안에 return 값으로 넣고 싶은 html 코드를 만들어준다. 아래에 App 클래스에 div박스 안으로 Subject 태그를 넣어주면 끝 여기서 거의 유사 javaScript언어 같아 보이지만 실제로 클래스 Subject는 javaScript으로만 돌릴때는 문법상 틀려 오류를 일으키는데 리액트에서 사용할 수 있는 ..
dev_공부일지/React
2021. 5. 9. 16:52
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- react실행
- ArgumentResolver
- filter
- 항해99
- exception
- jpa api
- hypertexttransferprotocol
- 예외처리
- 로그인
- 향해99
- Java
- thymleaf
- 향해플러스백엔드
- 백엔드 개발자 공부
- React
- HTTP
- 스프링공부
- reject
- 인터셉터
- 향해플러스
- BindingResult
- 스프링부트
- Intercepter
- JPA
- 백엔드 개발자 역량
- 리터럴
- rejectValue
- 컨트
- SpringBoot
- 항해플러스
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함