React.js로 카운팅 앱 만들기
·
프로젝트
※2021-하계-학교-스터디※ 0. 디렉토리 구성 1. 카운팅 앱 +1을 누르면 숫자가 증가하고, -1을 누르면 숫자가 감소한다. → 이 앱을 컴포넌트로 분리해보자! 2. 필요한 컴포넌트 숫자를 담을 수 있는 박스 누르면 숫자가 증가하는 버튼 누르면 숫자가 감소하는 버튼 3. 코드 작성하기(counter.js) 변수 선언 const: 다른 값으로 초기화하지 않겠다 let: 흔히 사용하는 변수(값이 바뀜) 태그에서 변수를 불러올 때, 꼭 { }중괄호를 사용해줘야 한다. {}없이, num와 같이 적게 되면, 변수가 아닌 문자열로 인식한다. 태그의 onClick property(props) react에서 엘리먼트에 이벤트를 설정해줄때에는 on이벤트이름={실행하고싶은함수} 형태로 설정해줘야 한다. 그 중에서도 ..