리액트 2

손 더럽히기 - 리액트 ] 카운터 앱 구현

- 리액트로 카운터 앱 만들기 - useState를 활용하여 동적 상태 관리 사용 - onClick, onKeyUp 이벤트 사용 - 카운터 앱 동작 화면 -코드 - 회고 리액트를 이용해서 처음으로 혼자 리액스 설치부터 카운터 앱 작동까지 작성해보았다. 예제로만 연습을 하다보니, useState를 어디에 써야 하는지, 증감 함수는 어떻게 작성해야 하는지 감이 안왔다. 작성하면서 발생한 에러는 우선 return 문에 요소의 이름을 내 마음대로 지어봤다. ex) 를 로 하자 브라우저 콘솔에 아래와 같은 경고가 떴다. 이를 해결하기 위해 를 수정하였다. 다음으로는 input 요소에 숫자를 입력하고 'Enter'를 입력하면 count에 렌더링 될 수 있게 해보려고 하였다. 이 과정에서 onKeyUp 이벤트를 사용..

야자라니..] Unit 4. React Intro 및 야간 자율학습 과제

SEB_FE_45 Section2. Unit4. React Intro React의 3가지 특징 선언적(Declarative) : 선언적 방식으로 UI 구성할 수 있으며, 수동으로 DOM을 조작할 필요가 없기 때문에 가독성과 유지보수성이 향상됨. 이에 개발자는 어떻게 화면을 그릴지에 집중할 수 있음 컴포넌트 기반(Component-based) : 컴포넌트 기반 아키텍처(하나의 기능 구현을 위한 여러 종류의 코드 묶음)를 사용하여 UI 구성함. 컴포넌트는 재사용성과 독립성을 가짐. 개발자는 애플리케이션을 작은 단위로 나눠 개발할 수 있음 범용성(Learn Once, Write Anywhere) : 라이브러리인 리액트는 어느 프로젝트에나 사용이 가능함. 많은 개발자들이 사용하고 있기 때문에 유지보수성이 좋음...