Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- 함수컴포넌트
- 기초문법
- 정렬 알고리즘
- 실시간데이터
- 제이쿼리
- get방식
- python
- React Hook
- mongodb
- habit tracker
- 크롤링
- 배포
- render
- 리액트
- 스파르타코딩클럽 완주
- State
- 를
- 팬명록
- pycharm
- og tag
- 부트스트랩
- 클래스컴포넌트
- React
- JavaScript
- nohup
- 삽입정렬
- 선택정렬
- API
- 파이썬
- 버블정렬
Archives
- Today
- Total
Yeonn's 기록하며 성장하는 개발일지 :)
(React Basic) Habit Tracker 2_Navbar 본문
navbar의 경우, state에 있는 배열의 개수가 표시되어야 하기때문에
habits에 있는 state를 app컴포넌트로 다시 이동시켜준 후(navbar에 필요한 state니까)
navbar 컴포넌트를 만들어서 navbar또한 연결을 app컴포넌트로 시켜줘야한다.
--> Habits 컴포넌트
Ref?
리액트에서는 바로 DOM요소에 접근하지않고 , 리액트에서 제공하는
create Ref 를 이용
--> Navbar 컴포넌트
--> HabitAddForm 컴포넌트
--> app에서 연결한 Navbar와 Habits 컴포넌트
'개발의 모든것 > React' 카테고리의 다른 글
| 라우터, 라우팅🌟🌟 (0) | 2022.03.03 |
|---|---|
| [ Class component ] Component, Pure Component, LifeCycle (0) | 2022.03.03 |
| (React Basic) Habit Tracker 1_ +, - 기능 (0) | 2022.02.13 |
| JSX문법 (0) | 2022.02.12 |
| 리액트 개념( 클래스 컴포넌트 VS 함수 컴포넌트 ) (0) | 2022.02.10 |
'개발의 모든것/React' Related Articles
more
