차근차근 개발중

📌React Hook이란?React 16.8에서 도입된 기능으로, 함수형 컴포넌트에서 상태(state)관리와 생명주기 기능을 사용할 수 있게 해주는 함수들입니다react가 제공하는 특별한 기능으로, 컴포넌트에 이 기능들을 '추가'할 수 있다. 마치 레고 블록처럼 필요한 기능을 가져다 붙이는거라고 생각하면 쉽게 이해할 수 있습니다.  ◦ HooK사용규칙컴포넌트의 최상위 레벨에서만 호출해야한다.React함수형 컴포넌트 내부에서만 사용가능하다 ◦ Hook의 장점코드가 더 간결하고 읽기쉽다로직 재사용이 쉽다관련 있는 코드들을 한곳에 모을 수 있다.  ◦ 주요 Hook들1) useState - 상태 관리의 기본 변수의 기본값 useState는 항상 두 가지를 반환합니다 현재 값과 그 값을 변경하는 함수초기값은 ..

1) React 생명주기란?- 컴포넌트가 생성되고 화면에 나타나고 사라지는 과정을 설명하는 메서드의 연속- 마운트(Mounting), 업데이트(Updating), 언마운트(Unmounting) 일반적으로 3단계로 구분되어 있고, 각 단계마다 특정한 메서드를 사용- class components에서 사용하고,  함수형 컴포넌트는 hooks를 이용해서 상태변화를 관리   2) 생명주기 3단계2-1. 마운트(Mounting)- 마운트는 컴포넌트가 DOM에 삽입되어 화면에 나타나는 것을 말합니다. 생명주기의 마운트는 컴포넌트가 생성되어 DOM에 삽입되는 과정을 다루고, 컴포넌트가 처음으로 화면에 나타나는 작업을 수행하는 단계입니다.  1. constructor 컴포넌트의 생성자 메서드로, 컴포넌트가 생성될 때 ..

📍. CRA란? Create React App(CRA)는 리액트 애플리케이션 개발 도구입니다. CAR를 사용하면 webpack이나 babel과 같은 도구를 설치하거나 구성할 필요 없이 간편하게 리액트 애플리케이션을 시작할 수 있습니다. 📍. CRA를 사용하는 이유 간편한 설정 React 앱을 만들때, Babel이나 webpack같은 build 도구를 사용한다. 이런 다양한 라이브러리를 일일이 다운받아야하지만 CRA을 통해 복잡한 설정 없이 간단히 리액트 애플리케이션을 시작 할 수있다. 프로덕션을 배포할 준비가 되었을 때, npm run build 를 실행하면 build 폴더 안에 제작한 앱의 최적화된 Build를 생성합니다. 성능 최적화 코드 번들링, 코드 분할, 자원 압축 등의 작업을 자동으로 수행하여..