# Function Component

#4-2. React Component에서 부터 Hooks의 탄생까지(part2. component의 종류)
Component는 크게 class형 컴포넌트와 함수형 component로 나뉜다 ! class 그리고 component 상속이 필수임render가 필수임props를 조회할 때 this를 사용함state(상태)를 사용함life cycle과 method를 이용클래스 컴포

#4-1. React Component에서 부터 Hooks의 탄생까지(part1. react component)
리액트에서 Component(컴포넌트)는 "앱을 이루는 최소한의 단위"라고 정의할 수 있다. (그러니깐, 리액트 앱은 '컴포넌트 + 컴포넌트 + 컴포넌트 + ... + 컴포넌트'의 형태! UI를 재사용 가능한 개별적인 여러조각으로 나눈 것이 컴포넌트)👉사전적 의미:
[개발자되기: React 심화] Day-51
실제 DOM의 사본 같은 개념. React는 실제 DOM 객체에 접근하여 조작하는 대신 이 가상의 DOM 객체에 접근하여 변화 전/후를 비교 후 바뀐 부분을 적용한다DOM (Document Object Model)JavaScript 같은 스크립팅 언어가 <html

ESLint 적용 시 생긴 이슈_Function component is not a function declaration
발생한 이유? React 프로젝트에 처음으로 ESLint를 적용하던 중 생긴 오류로 화살표 함수로 생성된 함수형 컴포넌트에 발생한 오류이다. 해결과정 eslint의 공식문서를 보던 중 eslint-plugin-react의 rules가 없어 github페이지에서 fu

[팀프로젝트] 리디북스 clone - 메인페이지(1)
슬라이더 라이브러리 Slick carousel 사용class형 component 말고, function형 component 쓰기styled.component 사용slick carousel library컴포넌트 재사용조건부렌더링에 따라 할인,대여 패치 구분MainLayo

(TIL10) React 함수형 컴포넌트_useState
1. 함수형 컴포넌트❓ 2. 함수형 컴포넌트 특징 3. useState 사용법 4. function 컴포넌트로 state값 넘겨주기

TIL - React
모든 코드에 의미를 담겠습니다.오늘은 useEffect()함수에 대해서 배웠다!! React.js 함수형 컴포넌트를 통해서 배우다보니 Class형 컴포넌트에있던 willmount didmount이런 기능들과는 조금 다르기 때문에 확실히 2가지 모두 배우는 것이 좋아 보

TIL 62 | 클래스형 컴포넌트인 로그인 페이지를 함수형 컴포넌트로 바꿔보자 ( Hooks & styled-component)
아직 익숙하지 않은 훅스 개념을 직접 코드로 쳐보면서 익혀보자. 3주 전에 만들었던 Instagram 로그인페이지를 Hooks를 사용해서 functional 컴포넌트로 바꿔보고 styled-component를 적용해서 새로 작성해보았다.
[TIL]
render 함수가 반드시 존재해야 한다.state 의 사용이 가능하다.lifecycle API의 사용이 가능하다.클래스형 컴포넌트에 비해 선언하기가 편하다.메모리 자원을 클래스형 컴포넌트에 비해서 덜 차지한다.빌드 후 배포시에 결과물의 크기가 작다.코드가 길고 복잡하