profile
1일 1커밋 1블로그!

Redux 기본 사용법 #1 [whentoomeet 리팩토링 #2]

이번 글에는 whentoomeet의 리펙토링 프로젝트인 jungsi 프로젝트를 진행하며 겪은 Redux 활용기에 대해 이야기 해보고자 한다.먼저, Redux에 대해 알아보고 차근차근 프로젝트 과정 중에 있었던 일들에 대해 적어보도록 하겠다.Redux의 구조는 다음과 같

2022년 4월 26일
·
1개의 댓글
·

[React] ContextAPI를 사용한 Router 설정 + 타입에러(type error) 해결#2

바로 전 글에서 NextJS에서 ContextAPI를 사용해보는 시간을 가졌습니다.React에서는 NextJS랑은 다르게 페이지 경로 설정을 따로 해줘야 합니다.

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

[React] Debouncing을 활용한 Modal 구현 - useCallback #2

오늘은 프로젝트를 개발할 때 빠질 수 없는 Modal창 구현에 대해 말해보고자 하는데요. 단순히 Modal만 구현을 하는 것이 아니라 Debouncing을 활용했습니다.

2022년 2월 14일
·
0개의 댓글
·

[React] 디바운싱을 이용한 API 요청 #1

연이어 호출되는 함수들 중 마지막 함수(또는 제일 처음)만 호출하도록 하는 것디바운싱은 언제 사용하면 좋을까요?

2022년 2월 9일
·
0개의 댓글
·

[React] lifecycle과 useEffect에 대해 알아보자

오늘은 class형 컴포넌트의 lifecycle과 관련이 깊은 useEffect에 대해 알아보고자 합니다.

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

[React] useState의 불변성

이번에는 react에서 가장 많이 쓰이는 Hook인 useState에 대해 알아보고자 합니다.

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

[React] Received 'false' for a non-boolean attribute 'color' Warning 메시지 해결과정

presenter component에서 styled-component쪽으로 인자를 전달하는 과정에서 warning 메시지

2022년 1월 17일
·
0개의 댓글
·

[React]파일 구조 파악하기(container - presenter) #3

container-presenter 구조

2022년 1월 17일
·
0개의 댓글
·

[React]파일 구조 파악하기(Atomic design) #2

파일이 어떻게 구성되는지를 확인해봅시다.

2022년 1월 14일
·
0개의 댓글
·

[React]파일 구조 파악하기(export & import) #1

export 문은 JavaScript 모듈에서 함수, 객체, 원시 값을 내보낼 때 사용합니다. 그리고 여기서 내보내진 값은 다른 곳에서 import 문을 통해 받아와서 사용할 수 있습니다.우선, export에는 두 가지의 방식이 있습니다.1\. 유명 (named)무명

2022년 1월 14일
·
0개의 댓글
·

[React] JSX 문법 파악하기(삼항연산자 & 옵셔널체이닝)

JSX는 JavaScript를 확장한 문법으로 UI가 어떻게 생겨야 하는지 설명하는 역할을 담당

2022년 1월 13일
·
0개의 댓글
·

[React] 컴포넌트에 함수 전달 # 각 함수 형태의 차이

onClick 이벤트에 대한 함수를 전달할 때

2022년 1월 13일
·
1개의 댓글
·