일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- JWT토큰인증
- 포토샵
- 일러스트
- 프리온보딩챌린지
- css 방법
- 프론트엔드 종합반
- 비밀번호리셋개발
- React
- 인프런css
- box-sizing속성
- 다중선택자
- 맥북 아프리카tv 생방송 다운로드
- 폰트 기본 스타일
- 일러스트 블렌드 툴
- 멋쟁이사자처럼 해커톤
- 리액트
- smtp에러
- 일러스트 3d 텍스트
- 패캠 프론트엔드
- 패스트캠퍼스
- css
- 고급 객체
- 멋쟁이사자처럼 블록체인스쿨
- Inline과 block차이
- JOT토큰
- 그라디언트 망
- 그라데이션 텍스트
- 자유형 그레이디언트
- 패스트캠퍼스프론트엔드종합
- 글래스이펙트
- Today
- Total
목록리액트 (3)
개발을 해라
event.preventDefault는 a태그가 동작하는 기본동작을 방지한다. 즉 클릭을 해도 reload가 일어나지 않는다. props.onChangeMode는 onChangeMode 안에 있는 함수를 실행시킨다. 따라서 alert창이 실행된다. 는 이제 html이 아니라 유사 html이다. onClick안에 html을 넣으면 리액트 개발환경이 웹브라우저가 이해할 수 있게 html로 컨버팅해주는 것이기 때문에 여기서 사용하는 문법은 똑같지 않다. props.onChangeMode안에 있는 event.target는 이벤트를 유발시킨 태그를 가리킨다. 여기서는 a태그이며 이 a태그가 갖고 있는 id값을 갖고 오고 싶으니 event.target.id라는 값이 최종적으로 넣어졌다. 따라서 Nav안에 있는 목록..
리액트는 속성을 prop이라고 부른다. 속성이 한두개가 아니니 props라고 많이 사용하는 듯 prop을 통해 컴포넌트에 값을 전달할 수 있다. prop의 경우 중괄호 안에 들어가는데 {} 안에 들어가는 건 표현식으로 취급한다는 뜻이다. 함수 App의 에 title 과 body라는 prop을 주었다. 함수 Article안에 들어간 props는 임의로 해놓은 것이다. 다수의 사람들이 props를 쓰니 쓴 것이다. ㅁㄴㅇㄹ로 넣는다면 ㅁㄴㅇㄹ.title 이렇게 해도 된다. 이렇게 prop을 주어 title과 body는 동적으로 바뀔 수 있다. 함수 App안에 선언된 topics는 배열의 형태를 갖고 있다. Nav에서 topics 값을 불러 오려면 topics={topics}라 적어줘야 있는 그대로 값을 펼칠..