# hooks
React - Hooks정복하기
리액트에서는 이전까지 클래스형 컴포넌트 위주의 개발을 했었다. 하지만 Hooks가 나온 이후 상황이 완전히 바뀌었다. 함수형 컴포넌트위주의 웹 개발 상황이 펼쳐진 것이다.이것이 왜 가능하게됐으며 Hook이 무엇인지, 종류가 어떤 것이 있는지 등등을 적어보고자 한다.Re
React context API 사용법
컴포넌트들이 많아지면 props로 전달해주기가 매우 번거로울 때가 있다그래서 많이 사용 되었던 것이 redux와 mobx 인데 이것들을 사용하지 않고 전역 상태를 관리할 수 있는 ContextAPI에 대해 알아보자contextAPI는 먼저 redux의 store처럼 c
오늘의집을 모티브로 한, 2차 프로젝트!
깃 허브 데모 영상 오늘의집을 모티브로 한, 2차 프로젝트! 두 번째 프로젝트인 만큼 스스로가 구현할 수 있는 것도, 구현해보고자 하는 것도 더 많을 것이라 생각했는데.. 생각보다 쉽지 않았던🥲 2차 프로젝트를 돌아보며.. 🌈 2차 프로젝트 목표 hooks와 `
.png?w=768)
2차 프로젝트 회고록 -1부
Styled component와 React Hooks를 이용한 페이지 제작모바일 반응형 사이트를 베이스로 소셜 로그인, 필터, 정렬, 좋아요 기능들을 구현AWS를 이용하여 실제 사이트의 배포 (사이트 주소:떡볶닷컴)2021.05.24 ~ 2021.06.04 (약 2주)
React Hooks 완벽 이해하기
1. useState useState는 가장 기본적인 Hook 으로, 함수형 컴포넌트에서도 가변적인 상태를 지니고 있을수 있습니다. 함수형 컴포넌트에서 상태를 관리해야 하는 일이 발생한다면 useState를 사용하면 됩니다. 가장 기본적인 숫자 카운터를 이 기능을
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
리액트 다크모드 - emotion
이번에는 emotion을 활용하여 다크모드를 만들어 보겠습니다.emotion을 사용하기 위해서는 몇몇 설정 방법이 필요합니다. 자세한 코드는 깃허브에서 확인할 수 있습니다. 환경typescriptcreate-react-app환경설정 설치css prop 설정 types
.jpg?w=120)
[React] useState hook 사용법
리액트 훅을 사용하는 분들은 비교적 당연하게 useState를 사용하고 있을 것이다.component를 나눠서 function을 이용하여 만드는 경우를 많이 볼 수 있다.하지만 이는 몇 년전, 리액트 버전 16.8 이전까지만 해도 function component 안에
hooks, deps에 거짓말 하지않기.
본 글은 https://overreacted.io/ko/a-complete-guide-to-useeffect/ 을 재구성, 해석한 글입니다. 아래의 경우 count는 0 -> 1로 한번 증가한 후 더 이상 증가하지 않는다. 왜냐하면, 클로저로 인해서 coun
hooks - useEffect() 활용
useEffect를 사용하면서 어떤 경우에 사용했는지, 마운트, 언마운트, 업데이트 활용기에 대해 적어봅니다 -:) 조리있는 설명이 부족합니다.useEffect는 어떤 한 컴포넌트가 나타났을 때 실행하고자 하는 함수 또는 이벤트를 useEffect 안에 넣어줍니다. 처
hooks - useState() 사용하기
1년 남짓 리액트로 개발을 하면서 상당히 많이 사용한 함수입니다. 먼저 저는 타입스크립트 ES6 환경에서 테스트 했습니다. 이벤트를 실행하기 전에 state 값의 기본값으로 name에 'Yuna'라는 값을 지정했습니다.여기에서도 다양한 형태로 값을 추가해줄 수 있는데,
useCallback
useCallback - React Hooks: 메모이제이션 훅, 함수로 인한 렌더링 성능을 최적화하는 용도로 사용됩니다함수를 캐싱(또는 메모이제이션)할 때 사용하는 훅입니다.메모이제이션이란 계산된 값을 자료구조에 저장하고 이후 같은 계산을 반복하지 않고 자료구조에서
