profile
빵굽는 프론트엔드 개발자

[React] Fetch에서 Axios로 변환하는 방법

Axios와 Fetch, 언제 쓰는지 Axios 사용하기 좀 더 편리하다. -> 개인적인 생각으로는 사용법이 살짝 다르지만, 전체적으로 비슷한데, axios 가 좀 더 사용자가 인지하기 쉽게? 사용하기 쉽게? 만들려고 노력한 흔적이 보인다.(는 아래 코드를 통해서 확

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

[React] 리액트 그래프/차트 라이브러리 모음

기업협업 프로젝트에서 다양한 차트 라이브러리를 사용해야 해서 직접 사용해 본 라이브러리나 리액트 개발자들 사이에서 유명한 라이브러리를 모아 보았다. https://nivo.rocksNivo.rocks커스텀 끝판왕. 직접 실행해보고 바로 코드 복붙 가능걍대박인데

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

[React] Material-UI로 구현한 가격필터 슬라이더 성능 개선하기

에어비앤비 숙소 리스트 페이지의 가격 필터를 구현했는데, 슬라이더가 유난히 느리게 반응하는 것이 신경쓰였다. 슬라이더를 material-ui 라이브러리를 활용해서 내 앱이 무거워진건 줄 알았는데 정말 비효율적인 코드를 짰다는 것을 나중에야 알게 됐다.

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

[React] 리액트 수량 더하기, 빼기 버튼 구현하기

리액트로 프로젝트를 진행하던 중, 필터 팝업에서 plus, minus 버튼을 구현하게 되었다. 처음에는 대체 어떻게 접근할지 감이 안 왔는데, 차근차근 접근하다 보니 구현할 만 했다. 다른 기능들이 워낙 헬이었어서...

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

[React] useEffect 무한루프 탈출하는 방법

기존에 클래스형 컴포넌트 방식으로 짠 코드를 함수형 컴포넌트로 변환을 했는데, 특정 컴포넌트만 클릭하면 미친듯이 렌더가 일어나 브라우저가 다운되는 현상을 겪었다. 알고 보니 componentDidMount를 대체하는 함수인 useEffect 에서 무한루프가 일어난 것이

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

[React] 코드 리팩토링으로 비슷한 기능을 하는 함수 합치기

리액트로 장바구니 페이지의 기능을 짜다가, 장바구니 수량을 수정하는 기능을 추가하게 되었다. 처음에는 addItem()과 subtractItem() 메서드 두 개를 썼다가, 하나로 합칠 수 있다는 멘토님의 리뷰에 어떻게 합칠지 고민하기 시작했다.

2020년 12월 27일
·
0개의 댓글
post-thumbnail

[Team Project] Instagram Clone Project | 리액트 인스타그램 클론 프로젝트

사진, 동영상, 커머스 서비스를 이용할 수 있는 SNS인 Instagram을 React 및 Sass를 이용하여 클론해 보았습니다.

2020년 12월 13일
·
0개의 댓글
post-thumbnail

미숙한 결과물을 남들에게 공개할 줄 아는 용기

같이 공부하는 누구누구의 말처럼 '머리 박아가며' 리액트로 프로젝트를 진행하면서, 아무것도 모르는 사람이 당장 어떤 기능을 구현해야 하는 그 절박함과 답없음을 몸소 느끼게 되었다. 뭐든 어느 수준 이상 공부를 한 후 남에게 보여준 내게, 이번에 리액트를 처음부터 공부하

2020년 12월 13일
·
11개의 댓글