Habit이라는 컴포넌트를 만들기=> 컴포넌트 파일안에 habit.jsx파일 만들기
rcc 이용해서 기본적인 컴포넌트 골격 만들기
아래와 같이 임의로 habit.js 에다가 span을 이용해서 수동적으로 글귀를 넣고 font를 넣어보자.
여기서 주의할 점은 각각의 btn에 class가 아닌 className을 넣어준다(N은 대문자로)
CSS 스타일링은 알아서 해보자.
<출처 : DreamCoding 리액트 개념 정리+유튜브 클론코딩: ellie>
참고: https://academy.dream-coding.com/courses/react-basic
리액트 강의 (유튜브 클론 코딩 + 실시간 전송 명함 카드 만들기 웹앱 만들기)
리액트 전반적인 개념 설명과 (클래스 컴포넌트와 함수 컴포넌트 그리고 리액트 훅까지) 실전 유튜브 클론 코딩 프로젝트. Firebas의 실시간 데이터베이스를 이용해 멋진 명함 카드 만들기 웹 어
academy.dream-coding.com
'React > HabitTracker' 카테고리의 다른 글
| 이벤트 처리 하기(업데이트 함수들 구현하기) (0) | 2021.07.31 |
|---|---|
| 이벤트 처리 하기(part1 . 골격 만들기) (0) | 2021.07.29 |
| Habits 컴포넌트 만들기(State up, list key) (0) | 2021.07.29 |
| State 이해하기 (0) | 2021.07.29 |
| JSX 정리(HTML과의 차이점) (0) | 2021.07.27 |