# hooks

161개의 포스트
post-thumbnail

뒤늦게 알게된 hooks의 소중함 - 2

1장에서는 useState를 순수JS로 구현해보았는데 2장에서는 나아가 React의 렌더링이 되는 과정을 React라는 모듈을 직접 만들고 조작해보는 과정이다.먼저 React라는 모듈을 생성하고 만들어 놓은 useState라는 hooks를 넣자. 이제 React의 re

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

뒤늦게 알게된 hooks의 소중함 - 1

Javascript를 배우기도 전, React로 FE의 입문을 해버린 탓인지,늘 기본기가 부족하다고 느끼게됬고..

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

TIL.58 2차 프로젝트 + 리팩토링 후기

2차 프로젝트 + 리팩토링 후기

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

React - Hooks (useState, useEffect)

React Hooks의 기본과 useState, useEffect에 대해서 정리합니다.

5일 전
·
0개의 댓글

useState

컴포넌트에서 동적인 값을 상태(state)라고 부릅니다. 리액트에서는 이러한 동적인 값의 상태를 관리하기 위해 useState 함수가 있다. useState 를 호출하면 배열이 반환되는데 첫번째 원소에는 현재상태, 두번째 원소는 Setter 함수이다. 위 코드를 배열

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

[React] Hooks란?

React Hooks에 대해 정리한 글입니다.

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

[React] 10 - Hooks : useEffect (2)

goalreact hook useEffect 에 대해서 알아보자.예를 들어, 외부 데이터에 구독(subscription)을 설정해야 하는 경우, 메모리 누수가 발생하지 않도록 정리(clean-up)하는 것은 매우 중요하다.effect에서 함수를 반환하는 이유는?effe

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

[React] 10 - Hooks : useEffect (1)

goalreact hook에 대해서 알아보자react component 내에서 데이터를 가져오거나 (예를 들면, fetch를 사용해서 api 정보를 가져오는 등) DOM을 직접 조작하는 (예를 들면, onClick 등을 활용) 동작을 뜻한다.이름의 어원 : 다른 com

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

sprint-cmarket-hooks

이번 스프린트는 정식스프린트가 아니라 테스트 항목이 없었다.React Hooks 를 공부하는 용도로 실습하였다.대부분의 기능은 구현되어 있었고, 각 컴포넌트를 훅을 이용해 연결하는 게 주 내용이다.

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

50일차 (02-18-2021)

오늘 배운 내용은 바로 hooks이다.Hooks란?리액트에서 클래스를 사용하지 않고도 함수 컴포넌트에서 상태(State)를 사용할 수 있도록 만들어 주는 기능이자 컨셉.이라고 코드스테이츠 문서에 나와있다. 그리고 공식문서에선 여러가지 동기들이 설명 되어 있는데, 대충

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

First Team Project

코드스테이츠 SW engineer 20주과정, 설레는 마음으로 반복문을 배우던게 엇그제 같은데 벌써 첫번째 팀 프로젝트를 마쳤습니다. 처음으로 하나하나 밑바닥부터 무언가를 내손으로 만든다는 기대와 함께 과연 내가 팀원으로써 제몫을 해낼 수 있을까하는 걱정들로 시작한 프

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

React :: npm 웹팩 설치하기

script만 있어도, 사용이 가능한데 왜 쓸까? 가장 큰 이유는 Component하나에 전체 기능이 들어가기는 어렵기 때문에, 각각의 기능을 "모듈"처럼 만들어서 사용하기 위함이라고 보면 될 것 같다.npm initnpm i react react-domnpm i -D

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

axios-hooks

https://www.npmjs.com/package/axios-hooks특징All the axios awesomeness you are familiar with \- 친숙하다.Zero configuration, but configurable if neede

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

React Hooks 동작 방법

React Hooks란 ? React Hooks가 내부적으로 어떻게 동작하는지 알아봅시다.

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

React Router dom의 유용한 hooks들 📃

안녕하세요! 오늘은 제가 프로젝트들을 진행 해오면서 편리함을 느꼈던 react-router-dom의 유용한 hooks들에 대해서 소개하려고 합니다.

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

스크롤에 반응하는 애니메이션 구현하기

스크롤이 내려가면 아래에 있는 컨텐츠들이 효과로 보이는 것 구현하기 참고 블로그를 보고, 팀 프로젝트에 구현한 코드중 일부만 발췌했습니다. 코드 설명 위의 코드에서 함수는 element가 스크린 아래쪽에 있는지를 검사한다. 스크린 아래에 있으면 true를 반환할것

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

Toy Project : Tetatube

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

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

React | Hooks

React에는 4가지의 Built-in HooksuseState - 기본 & 핵심useEffect - 기본 & 핵심useRefuseReducerHooks란?함수 컴포넌트에서 React state &생명주기 기능(lifecycle features)을 “연동(hook in

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

TIL.50 Hooks-custom hooks

Custom Hooks - useConfirm, useFadeIn

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

React Hooks (2)

이제 어느정도 useState를 응용해서 사용할 수 있을 것 같으니 이번엔 useEffet를 사용해보려한다!

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