# Function Component

18개의 포스트
post-thumbnail

[React] Class Component vs Function Component

클래스형 컴포넌트는 왜 안쓰게 된 걸까?

2023년 9월 18일
·
0개의 댓글
·
post-thumbnail

#4-2. React Component에서 부터 Hooks의 탄생까지(part2. component의 종류)

Component는 크게 class형 컴포넌트와 함수형 component로 나뉜다 ! class 그리고 component 상속이 필수임render가 필수임props를 조회할 때 this를 사용함state(상태)를 사용함life cycle과 method를 이용클래스 컴포

2023년 2월 8일
·
0개의 댓글
·
post-thumbnail

#4-1. React Component에서 부터 Hooks의 탄생까지(part1. react component)

리액트에서 Component(컴포넌트)는 "앱을 이루는 최소한의 단위"라고 정의할 수 있다. (그러니깐, 리액트 앱은 '컴포넌트 + 컴포넌트 + 컴포넌트 + ... + 컴포넌트'의 형태! UI를 재사용 가능한 개별적인 여러조각으로 나눈 것이 컴포넌트)👉사전적 의미:

2023년 2월 8일
·
0개의 댓글
·

[개발자되기: React 심화] Day-51

실제 DOM의 사본 같은 개념. React는 실제 DOM 객체에 접근하여 조작하는 대신 이 가상의 DOM 객체에 접근하여 변화 전/후를 비교 후 바뀐 부분을 적용한다DOM (Document Object Model)JavaScript 같은 스크립팅 언어가 <html

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

ESLint 적용 시 생긴 이슈_Function component is not a function declaration

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

2022년 7월 4일
·
0개의 댓글
·
post-thumbnail

React _ 함수형 컴포넌트

About function component of React

2021년 11월 20일
·
0개의 댓글
·
post-thumbnail

[팀프로젝트] 리디북스 clone - 메인페이지(1)

슬라이더 라이브러리 Slick carousel 사용class형 component 말고, function형 component 쓰기styled.component 사용slick carousel library컴포넌트 재사용조건부렌더링에 따라 할인,대여 패치 구분MainLayo

2021년 10월 24일
·
0개의 댓글
·
post-thumbnail

Hook

No.12 Hook

2021년 10월 20일
·
0개의 댓글
·
post-thumbnail

(TIL10) React 함수형 컴포넌트_useState

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

2021년 7월 12일
·
0개의 댓글
·

React 1. Blog(2)

반복문, props, input

2021년 6월 8일
·
0개의 댓글
·

React 1. Blog(1)

deep copy, component, 조건문

2021년 6월 7일
·
0개의 댓글
·

React 1. Blog

Web-app, JSX, 데이터바인딩, state

2021년 6월 3일
·
0개의 댓글
·
post-thumbnail

TIL - React

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

2021년 5월 26일
·
0개의 댓글
·
post-thumbnail

TIL 62 | 클래스형 컴포넌트인 로그인 페이지를 함수형 컴포넌트로 바꿔보자 ( Hooks & styled-component)

아직 익숙하지 않은 훅스 개념을 직접 코드로 쳐보면서 익혀보자. 3주 전에 만들었던 Instagram 로그인페이지를 Hooks를 사용해서 functional 컴포넌트로 바꿔보고 styled-component를 적용해서 새로 작성해보았다.

2020년 10월 4일
·
2개의 댓글
·

[TIL]

render 함수가 반드시 존재해야 한다.state 의 사용이 가능하다.lifecycle API의 사용이 가능하다.클래스형 컴포넌트에 비해 선언하기가 편하다.메모리 자원을 클래스형 컴포넌트에 비해서 덜 차지한다.빌드 후 배포시에 결과물의 크기가 작다.코드가 길고 복잡하

2020년 6월 4일
·
0개의 댓글
·

20200330 TIL

20200330 TIL

2020년 3월 30일
·
0개의 댓글
·