# hooks

204개의 포스트
post-thumbnail

React - Hooks정복하기

리액트에서는 이전까지 클래스형 컴포넌트 위주의 개발을 했었다. 하지만 Hooks가 나온 이후 상황이 완전히 바뀌었다. 함수형 컴포넌트위주의 웹 개발 상황이 펼쳐진 것이다.이것이 왜 가능하게됐으며 Hook이 무엇인지, 종류가 어떤 것이 있는지 등등을 적어보고자 한다.Re

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

React context API 사용법

컴포넌트들이 많아지면 props로 전달해주기가 매우 번거로울 때가 있다그래서 많이 사용 되었던 것이 redux와 mobx 인데 이것들을 사용하지 않고 전역 상태를 관리할 수 있는 ContextAPI에 대해 알아보자contextAPI는 먼저 redux의 store처럼 c

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

오늘의집을 모티브로 한, 2차 프로젝트!

깃 허브 데모 영상 오늘의집을 모티브로 한, 2차 프로젝트! 두 번째 프로젝트인 만큼 스스로가 구현할 수 있는 것도, 구현해보고자 하는 것도 더 많을 것이라 생각했는데.. 생각보다 쉽지 않았던🥲 2차 프로젝트를 돌아보며.. 🌈 2차 프로젝트 목표 hooks와 `

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

2차 프로젝트 회고록 -1부

Styled component와 React Hooks를 이용한 페이지 제작모바일 반응형 사이트를 베이스로 소셜 로그인, 필터, 정렬, 좋아요 기능들을 구현AWS를 이용하여 실제 사이트의 배포 (사이트 주소:떡볶닷컴)2021.05.24 ~ 2021.06.04 (약 2주)

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

React 유용한 URL Hooks

오늘은 URL 관련 유용한 Hooks에 대해 알아보도록 할게요 : )

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

React Hooks 완벽 이해하기

1. useState useState는 가장 기본적인 Hook 으로, 함수형 컴포넌트에서도 가변적인 상태를 지니고 있을수 있습니다. 함수형 컴포넌트에서 상태를 관리해야 하는 일이 발생한다면 useState를 사용하면 됩니다. 가장 기본적인 숫자 카운터를 이 기능을

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

useInput Hooks (Preact)

Hooks Usage

2021년 5월 29일
·
0개의 댓글

React-Router.2 Hooks

react-router-dom 5.1v 부터 3가지의 hooks을 제공합니다.설치는 이전과 동일합니다.터미널에 react-router-dom 설치 1\. yarn add react-router-dom2\. npm install react-router-domuseHist

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

React Hooks 정리

React Hooks 요놈들 혼내준다... 👊🏻 봐도 봐도 헷갈리는 React Hooks 정리!

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

리액트 다크모드 - emotion

이번에는 emotion을 활용하여 다크모드를 만들어 보겠습니다.emotion을 사용하기 위해서는 몇몇 설정 방법이 필요합니다. 자세한 코드는 깃허브에서 확인할 수 있습니다. 환경typescriptcreate-react-app환경설정 설치css prop 설정 types

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

[React] useState hook 사용법

리액트 훅을 사용하는 분들은 비교적 당연하게 useState를 사용하고 있을 것이다.component를 나눠서 function을 이용하여 만드는 경우를 많이 볼 수 있다.하지만 이는 몇 년전, 리액트 버전 16.8 이전까지만 해도 function component 안에

2021년 5월 19일
·
0개의 댓글

hooks, deps에 거짓말 하지않기.

본 글은 https://overreacted.io/ko/a-complete-guide-to-useeffect/ 을 재구성, 해석한 글입니다. 아래의 경우 count는 0 -> 1로 한번 증가한 후 더 이상 증가하지 않는다. 왜냐하면, 클로저로 인해서 coun

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

hooks - useEffect() 활용

useEffect를 사용하면서 어떤 경우에 사용했는지, 마운트, 언마운트, 업데이트 활용기에 대해 적어봅니다 -:) 조리있는 설명이 부족합니다.useEffect는 어떤 한 컴포넌트가 나타났을 때 실행하고자 하는 함수 또는 이벤트를 useEffect 안에 넣어줍니다. 처

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

hooks - useState() 사용하기

1년 남짓 리액트로 개발을 하면서 상당히 많이 사용한 함수입니다. 먼저 저는 타입스크립트 ES6 환경에서 테스트 했습니다. 이벤트를 실행하기 전에 state 값의 기본값으로 name에 'Yuna'라는 값을 지정했습니다.여기에서도 다양한 형태로 값을 추가해줄 수 있는데,

2021년 5월 17일
·
0개의 댓글

useCallback

useCallback - React Hooks: 메모이제이션 훅, 함수로 인한 렌더링 성능을 최적화하는 용도로 사용됩니다함수를 캐싱(또는 메모이제이션)할 때 사용하는 훅입니다.메모이제이션이란 계산된 값을 자료구조에 저장하고 이후 같은 계산을 반복하지 않고 자료구조에서

2021년 5월 16일
·
0개의 댓글

[Hooks] useEffect 비동기 사용하기

비동기로 실행되는 state 변동이 완료되고 다음 코드를 실행시켜야 한다면?

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

useEffect 개념 간단 정리

5/14(금)useEffect 개념 간단 정리

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

React - useReducer

react.js useReducer 포스트.

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

React - useState

react.js useState 포스트.

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