# React Hooks

16개의 포스트

20200313 TIL

20200313 TIL

2020년 3월 13일
·
0개의 댓글
post-thumbnail

부트캠프를 마치고 3개월간 프론트-엔드 개발자로 일하면서 느낀점들

간만에 포스팅인것 같다. 일을 시작하고 개인 블로그 따위는 저 멀리 내팽겨쳐놓고 원없이 개발만 한 것 같다. 짧으면 짧고 길면 긴 시간인데 이 시간동안 넥스트-리액트 프론트 엔드 개발을 하면서 가장 크게 느꼈던 점을 적으려고 한다. 본 내용은 지극히 개인적인 느낌이므로

2020년 3월 1일
·
2개의 댓글
post-thumbnail

Reack.Hook(ToDoList(2));

어제부로 공식적인 백수가 되었습니다. 개발 공부를 위하여 과감하게 퇴직하였습니다. 꿈은 back-end 개발자라 Node.js, Rust, C#.net-core에 관심이 있습니다. 그런데 React를 하는 이유는 Pug같은 템플릿 뷰를 쓰기 싫어서 배우고 있습니다! 더

2020년 2월 18일
·
0개의 댓글

TIL - React Hooks

Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. * 지난 2주 프로젝트에서 React만을 이용해서 채팅 서비스를 구현했다. 처음에는 상태 관리가 그렇게 많이 필요할까 했는데 메인 채팅창을 구현해보고 나니 앱 전체에 20개 가까이 되는 상태가 발생했고, 형제 컴포넌트들에 영향을 주는 경우...

2020년 1월 27일
·
2개의 댓글
post-thumbnail

useRef(1)

useRef를 활용하면 컴포넌트안에서 조회 및 수정을 하는 변수를 관리할수있다. useRef로 관리하는 변수는 값이 변경되어도 리렌더링이 되지 않는다. 컴포넌트에서의 상태는 상태를 바꾸는 함수를 호출하고 나서 그다음 렌더링이 된후 변경된 상태를 조회할수있는데 useRef로 관리하는 변수는 바로 조회가 가능하다. useRef로 관리하는 변수의 종류 setT...

2019년 12월 27일
·
0개의 댓글
post-thumbnail

[React] Custom-hook 공식문서 번역

React 공식문서를 번역한 내용입니다. 번역에 오역이 있을 수 있으며 모든 내용을 번역한 것은 아닙니다. 커스텀 Hook 만들기 커스텀 hook을 만들면 컴포넌트 로직을 재사용 가능한 함수로 뽑아낼 수 있다. 이 코드는 팔로워의 online상태 여부를 알려준다. 여기에 온라인 상태인 팔로워는 초록 색으로 표시하고 싶을 때, 이 코드를 복붙해서 또다른 ...

2019년 12월 25일
·
0개의 댓글
post-thumbnail

blog - useQuery & useMutation

Backend에서 구성한 query와 mutation을 react에서 사용하는 방식은 크게 두 가지이다. 1. Query, Mutation 태그 이용 2. useQuery, useMutation Hook 이용 2번은 apollo/react-hook에서 제공하는 custom hook인데, 나는 이 프로젝트에서 hook을 적극적으로 활용할 것을 하나의 주안점...

2019년 11월 19일
·
0개의 댓글
post-thumbnail

Custom Hooks - usePending

만들게 된 계기.... - 저는 회사에서 Mobx를 사용해 개발을 하면서 항상 Store에서 isLoading 이라고 변수를 하나 만들어 데이터 get, post 등 비동기 함수를 사용 할 때 썼습니다... 하지만 항상 이렇게 쓸 때 마다 너무 비효율적인거 같고 어쩔때는 작동을 하지 않은적도 꽤 있었습니다. 그래서 계속 고민하고.. 검색해보고.. 하다가 딱...

2019년 11월 12일
·
4개의 댓글

React Hooks(리액트 훅스!)의 기본 Part 1

React hooks image Hook은 React 버전 16.8에 새로 추가되었습니다. Hook를 이용하여 Class를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있습니다. 우리가 리액트에서 state에 라이프 사이클을 다루기위해서 Clsss를 사용한는것은 필연적이 였습니다. 이제 우리는 Hook을 사용해 Class없이 함수만으...

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

React 강좌) trendy React 3-1. useContext 알아보기

React Context를 조금 더 편하게 사용할 수 있는 useContext를 알아봅니다.

2019년 4월 29일
·
8개의 댓글
post-thumbnail

React 강좌) trendy React 2-4. useMemo 알아보기

퍼포먼스 최적화와 가독성에 도움을 주는 useMemo를 알아봅니다.

2019년 4월 18일
·
4개의 댓글
post-thumbnail

React 강좌) trendy React 2-2. Custom Hooks 알아보기

React Hooks를 조금 더 유연하게 사용할 수 있는 방법인 Custom Hooks를 알아봅니다.

2019년 4월 18일
·
1개의 댓글
post-thumbnail

React 강좌) trendy React 2-1. React Hooks 기본-하

useState 함수와 useEffect 함수를 조금 더 유연하게 사용하는 방법을 알아봅니다.

2019년 4월 18일
·
1개의 댓글
post-thumbnail

React 강좌) trendy React 2-0. React Hooks 기본-상

상태State 개념과 React Hooks를 소개하고, useState와 useEffect를 작성하는 방법을 알아봅니다.

2019년 4월 18일
·
2개의 댓글