profile
연애하는 개발자
post-thumbnail

Custom Hook

useFetch 커스텀 훅을 만들다가 삽질한 내용을 기록함수형 컴포넌트에서 로직을 쉽게 재사용하기 위해 만드는 hook이다. 재사용 되는 로직들을 커스텀 훅으로 만들어 사용한다.사람들이 자주 만들어 쓰는 커스텀 훅들은 다음과 같다. 아래 1~14번까지는 npm으로 설치

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

React Hooks 총정리

hook에 관해서 공부한 내용커스텀 hook은 다른 글에서 다룰예정요약하자면 Hook은 함수형 컴포넌트가 클래스형 컴포넌트의 기능을 사용할 수 있도록 해주는 기능이다.React 16.8 버전 (2019년도) 에 추가된 공식 라이브러리 Class형 컴포넌트에서만 쓸 수

2021년 10월 5일
·
1개의 댓글

Sass (CSS 활용)

리액트에서 CSS 작성법으로 Sass를 사용하기 위해 공부한 글CSS를 조금 더 프로그래밍 언어스럽게 다룰 수 있게 해주는 pre-processor(전처리 문법 언어) 이다.SASS를 활용하면 CSS에 변수,반복분,함수 등을 사용 해 중복되는 CSS코드를 줄일 수 있다

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

ES6 문법

리액트를 공부하던 중 자주 사용되는 ES6 문법들을 정리한 글리액트에서 아래 둘은 같다.

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

React 기초 개념들

CRA는 리액트로 웹 어플리케이션을 만들기 위한 환경을 편하게 제공한다.주요 제공 하는 것들로는 바벨과 웹펙, 그리고 테스트환경, HMR, ES6+ , CSS 후처리 등 여러가지의 개발환경을 구축해 준다. 이러한 개발 환경을 직접 구축하려면 시간이 오래 걸릴 뿐 아니라

2021년 8월 30일
·
0개의 댓글