본문 바로가기
728x90

분류 전체보기104

[React] React Hooks 공부하기! Hook이란? Hook은 React 버전 16.8부터 React요소로 새로 추가되었다. Hook을 이용하여 기존 Class바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있도록 만든 라이브러리이다. Function 컴포넌트를 Class 컴포넌트처럼 사용할 수 있다. Hook을 사용하면 컴포넌트로부터 상태 관련 로직을 추상화할 수 있다. Hook은 계층의 변화 없이 상태 관련 로직을 재사용할 수 있도록 도와준다. Hook의 규칙 1. 최상위에서만 Hook 호출 반복문, 조건문 혹은 중첩된 함수 내에서 Hook을 호출하면 안된다. early return이 실행되기 전에 항상 React 함수의 최상위에서 Hook을 호출해야 한다. 잘못된 Hook 사용방법 export defaul.. 2022. 8. 13.
[React] React란? 서론 이번 프로젝트를 통해 React를 접하게 되었습니다. 지금부터 React란 무엇인지, 정의와 특징에 대해 간략하게 정리해 보겠습니다!! 팀원과 함께 React를 통해 웹 페이지를 개발하게 되었는데, 정확하게 React가 무엇인지, 어떤 특징이 있고, 어떤 장점이 있는지 잘 모르기 때문에 저를 위해 정리를 해 보겠습니다. React란? React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 출처 : 위키백과 1. 단일방향 데이터 흐름 & Flux React에선 데이터가 단일방향으로만 흐릅니다. 데이터 흐름을 단방향으로 제한함으로서 데이터를 추적하기 쉽고 디버깅을 쉽게 해줍니다. Flux는 데이터가 단일방향으로 흐르는것을 유지해주는 패턴입니다. 2. .. 2022. 7. 29.
728x90