# hooks
뒤늦게 알게된 hooks의 소중함 - 2
1장에서는 useState를 순수JS로 구현해보았는데 2장에서는 나아가 React의 렌더링이 되는 과정을 React라는 모듈을 직접 만들고 조작해보는 과정이다.먼저 React라는 모듈을 생성하고 만들어 놓은 useState라는 hooks를 넣자. 이제 React의 re
useState
컴포넌트에서 동적인 값을 상태(state)라고 부릅니다. 리액트에서는 이러한 동적인 값의 상태를 관리하기 위해 useState 함수가 있다. useState 를 호출하면 배열이 반환되는데 첫번째 원소에는 현재상태, 두번째 원소는 Setter 함수이다. 위 코드를 배열
[React] 10 - Hooks : useEffect (2)
goalreact hook useEffect 에 대해서 알아보자.예를 들어, 외부 데이터에 구독(subscription)을 설정해야 하는 경우, 메모리 누수가 발생하지 않도록 정리(clean-up)하는 것은 매우 중요하다.effect에서 함수를 반환하는 이유는?effe
[React] 10 - Hooks : useEffect (1)
goalreact hook에 대해서 알아보자react component 내에서 데이터를 가져오거나 (예를 들면, fetch를 사용해서 api 정보를 가져오는 등) DOM을 직접 조작하는 (예를 들면, onClick 등을 활용) 동작을 뜻한다.이름의 어원 : 다른 com
sprint-cmarket-hooks
이번 스프린트는 정식스프린트가 아니라 테스트 항목이 없었다.React Hooks 를 공부하는 용도로 실습하였다.대부분의 기능은 구현되어 있었고, 각 컴포넌트를 훅을 이용해 연결하는 게 주 내용이다.
50일차 (02-18-2021)
오늘 배운 내용은 바로 hooks이다.Hooks란?리액트에서 클래스를 사용하지 않고도 함수 컴포넌트에서 상태(State)를 사용할 수 있도록 만들어 주는 기능이자 컨셉.이라고 코드스테이츠 문서에 나와있다. 그리고 공식문서에선 여러가지 동기들이 설명 되어 있는데, 대충
First Team Project
코드스테이츠 SW engineer 20주과정, 설레는 마음으로 반복문을 배우던게 엇그제 같은데 벌써 첫번째 팀 프로젝트를 마쳤습니다. 처음으로 하나하나 밑바닥부터 무언가를 내손으로 만든다는 기대와 함께 과연 내가 팀원으로써 제몫을 해낼 수 있을까하는 걱정들로 시작한 프
React :: npm 웹팩 설치하기
script만 있어도, 사용이 가능한데 왜 쓸까? 가장 큰 이유는 Component하나에 전체 기능이 들어가기는 어렵기 때문에, 각각의 기능을 "모듈"처럼 만들어서 사용하기 위함이라고 보면 될 것 같다.npm initnpm i react react-domnpm i -D
axios-hooks
https://www.npmjs.com/package/axios-hooks특징All the axios awesomeness you are familiar with \- 친숙하다.Zero configuration, but configurable if neede
React Router dom의 유용한 hooks들 📃
안녕하세요! 오늘은 제가 프로젝트들을 진행 해오면서 편리함을 느꼈던 react-router-dom의 유용한 hooks들에 대해서 소개하려고 합니다.
스크롤에 반응하는 애니메이션 구현하기
스크롤이 내려가면 아래에 있는 컨텐츠들이 효과로 보이는 것 구현하기 참고 블로그를 보고, 팀 프로젝트에 구현한 코드중 일부만 발췌했습니다. 코드 설명 위의 코드에서 함수는 element가 스크린 아래쪽에 있는지를 검사한다. 스크린 아래에 있으면 true를 반환할것
React | Hooks
React에는 4가지의 Built-in HooksuseState - 기본 & 핵심useEffect - 기본 & 핵심useRefuseReducerHooks란?함수 컴포넌트에서 React state &생명주기 기능(lifecycle features)을 “연동(hook in
