# React Hooks

52개의 포스트
post-thumbnail

TIL. Cloudinary를 사용한 이미지 업로딩(1)

Toy Project(Teta Card Maker)의 진행 기록. Cloudinary을 활용한 이미지 업로더 기능을 구현해봤다!

1일 전
·
0개의 댓글
post-thumbnail

Toy Project : Teta's Card Maker

Toy Project(Teta's Card Maker)을 마무리하며, 돌아보기.

2일 전
·
0개의 댓글
post-thumbnail

React-hooks

기존의 class component는 호출이 한번 되면 맴버변수 또한 호출된 처음을 제외하고는 다시 호출 되지 않는다. 데이터 변화에 따라 랜더 함수만 여러번 호출되고, 맴버변수는 일회성 호출이다. 그러나 function Component는 호출이 되면 함수 전체가 데

7일 전
·
0개의 댓글
post-thumbnail

TIL. 입력 값을 실시간으로 수정/ 삭제하기

Toy Project(Teta Card Maker)의 진행 기록. 실시간으로 입력한 데이터를 수정/삭제해보았다!

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

useClick

2021년 2월 21일
·
0개의 댓글
post-thumbnail

TIL. 카드 추가 기능 구현

Toy Project(Teta Card Maker)의 진행 기록. 이번에는 카드를 추가했다!

2021년 2월 21일
·
0개의 댓글
post-thumbnail

useTitle

2021년 2월 21일
·
0개의 댓글
post-thumbnail

Introdution to useEffect

2021년 2월 21일
·
0개의 댓글
post-thumbnail

useTabs

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

useEffect

리액트 class생명주기 메서드의 componentDidMount와 componentDidUpdate, componentWillUnmout가 합쳐진 것으로 생각 하면된다.리액트 컴포넌트에는 두종류의 side effects가 있다. 정리가 필요한 것(clean-up)과

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

useState

데이터를 변경할 수 있다. 현재의 state값과 이값을 업데이트(setState) 하는 함수를 쌍으로 제공한다.하나의 컴포넌트 내에서 여러 개를 사용할수도 있다.보통 <input /> 태그를 업데이트 하기 위해서 사용한다.

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

React Hooks

useState 데이터를 변경할 수 있다. 코드보기 예제 1. useInput 보통 `` 태그를 업데이트 하기 위해서 사용한다. 코드보기 2. useTabs 코드보기 useFullScreen 코드보기 useEffect 리액트 class생명주

2021년 2월 11일
·
0개의 댓글

React + Django 토이프로젝트(2)

오늘은 내가 React의 매력에 빠지게 해준 React Hook에 대해 공부한 내용을 정리하고자 한다. 실제로 프로젝트에서도 많이 사용했기 때문에 예시도 많이 들 수 있을 것 같다.함수 컴포넌트에서 React state와 Lifecycle 기능을 연동할 수 있게 해주는

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

React Hooks?

useState 는 가장 기본적인 Hook 으로서, 함수형 컴포넌트에서도 가변적인 상태를 지니고 있을 수 있게 해준다. 만약에 함수형 컴포넌트에서 상태를 관리해야 되는 일이 발생한다면 이 Hook 을 사용하면 된다.useEffect 는 리액트 컴포넌트가 렌더링 될 때마

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

Toy Project : Tetatube

Toy Project(Tetatube)을 마무리하며, 돌아보기.

2021년 2월 1일
·
0개의 댓글
post-thumbnail

TIL. React - Basic 개념 정리(4)

👩🏻‍💻 면접 기출 문제를 준비하면서, React를 이해할 때 반드시 필요한 기본 개념들들 추가로 정리해보았다. Class ComponentFunction Componentfunction component이기 때문에 변수 선언하는 const를 붙여주었고, this

2021년 1월 27일
·
0개의 댓글
post-thumbnail

useEffect로 이것저것 해보기

React에서는 컴포넌트를 클래스형 또는 함수형으로 선언한다. 현재 회사에서 사용하고 있는 코드가 클래스형이라 그것만 보다가 최근 함수형 컴포넌트의 장점에 대한 글들을 보게되었고, 사용해보기로 했다. 이를 위해 Hooks의 기능들을 간략하게 정리한다. useState

2021년 1월 21일
·
0개의 댓글
post-thumbnail

React Hooks 이해하기 (2)

앞서 살펴본 기본적인 3가지 hook 이외에도 React에는 다양한 hook이 존재한다. useReducer useState와 역할은 비슷한데, useState가 제공하는 기능 이외에도 상태 업데이트 로직을 외부 함수로 분리할 수 있는 기능을 제공한다. 그래서 상태를

2021년 1월 18일
·
0개의 댓글
post-thumbnail

Team Project ⎮ 멘토투멘티(MENTOR TO MENTEE) 회고

0. Project Intro 누군가의 도움이나 조언을 필요로 하는 멘티와 누군가에게 도움의 손길을 내밀어 줄 멘토를 이어주는 서비스MENTOR TO MENTEE, 2주동안 진행한 팀 프로젝트를 회고해보자. 프로젝트 소개부터 개발 내용, 프로젝트를 통해 느낀점까지 작성해보려 한다. 🌻 > 먼저, 팀원 분들 정말 고생 많으셨습니다 👍 MENTOR T...

2021년 1월 10일
·
0개의 댓글

[React Hooks] useInput (2) validator 적용

validator 함수 작성기존 useInput 파라미터에 추가validator가 함수일때, validator 함수에 부합하는지 체크한다.부합한다면 setValue를 적용한다.노마드 코더 - 실전형 리액트 Hooks 10개 https://nomadcoders.

2021년 1월 10일
·
0개의 댓글