profile
1일 1커밋 1블로그!

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

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

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

nodemon app crashed error [whentoomeet 리팩토링 #1]  

작년에 팀원들과 같이 미니 프로젝트로 했던 whentoomeet 사이트 리팩토링을 다시 시작해보고자 한다. 사실 당시에 끝까지 만들지 못해 아쉬움이 많이 남아 나중에 꼭 완성시키자 했었지만 시간이 흐르고 나니 잊혀졌던 것 같다. 당시 팀원들 중 백엔드를 담당하던 팀원이

2022년 4월 21일
·
0개의 댓글

MongoDB 와 Mongoose 연결하기

이번 블로그에서는 MongoDB를 처음부터 연결하는 법에 대해 알아보고자 한다.

2022년 4월 7일
·
0개의 댓글

NODE.JS와 EXPRESS.JS 설치 과정

NODE.JS와 EXPRESS.JS를 설치하기 전에 이 둘이 무엇인지 간단하게 알아보도록하자. 먼저, NODE.JS의 공식 문서를 살펴보면 다음과 같이 나와있는 것을 확인할 수 있다.

2022년 4월 7일
·
0개의 댓글

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

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

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

[NextJS] ContextAPI를 사용해 값 활용하기 #1

\-> Context API를 사용하면 프로젝트 안에서 전역적으로 사용 할 수 있는 값을 관리 할 수 있게 됩니다.

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개의 댓글

[javaScript] 콜라츠 추측 do...while과 while 문의 차이

오늘은 프로그래머스에 있는 콜라츠 추측 문제를 풀었습니다.

2022년 1월 26일
·
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개의 댓글

[programmers] 핸드폰 번호 가리기- JS

프로그래머스에 있는 핸드폰 번호 가리기 문제를 풀어보도록 하겠습니다.

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일
·
0개의 댓글

따라하며 배우는 "GIT 사용법"

'clone - branch - commit(issue) - push'의 과정을 토대로

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

Next.js 설치 방법 및 emotion 사용법 및 Parsing error : Cannot find module 'next/babel' 에러 해결

먼저 Node.js와 yarn이 설치되어 있는지를 확인해봐야 합니다.Node.js는 node -v 를 통해 다음과 같이 v와 함께 버전이 표시된다면 설치되어 있는 상태입니다.yarn도 마찬가지로 -v를 통해서 확인할 수 있습니다.두 가지 모두 버전이 확인되면 node와

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