목록render (1)

Yeonn's 기록하며 성장하는 개발일지 :)

(React Basic) Habit Tracker 1_ +, - 기능

treminal에서 cd로 폴더이동한 후, yarn start public폴더에는 정적인 데이터, src폴더에는 동적소스들을 넣어준다. react같은경우에는 .jsx를 사용하여 자바스크립트 파일과 차이를 주어야 헷갈리지않는다. 맨 처음에는 컴포넌트폴더를 만들어준 후, 그 안에 habit.jsx라는 파일을 생성해주고 render 태그 안에 이름, 카운트 그리고 + - 휴지통 아이콘버튼 3개를 만들어준다 일단 처음에는 임의로 숫자를적어서 넣어주고 후에 동적인변화를 줄 것이다. 📒 동적인 기능 추가1. +,- 버튼을 눌러서 카운트 증가/감소 시켜주기 📒 🤷🏻‍♀️🤷🏻‍♀️ State란? 컴포넌트안에서 우리가 정의한 컴포넌트의 state오브젝트. 컴포넌트UI를 위한 데이터를 보관하는 오브젝트로, 이 state라..
개발의 모든것/React 2022. 2. 13. 11:12
이전 Prev 1 Next 다음