profile
힘내자

React Query Pagination 구현

pagination을 구현하며 공부하게된 React Query 사용법을 공유하고자 합니다.이번에 React Query를 이용하며 cache와 pagination을 구현하며 사용한 기능은 useQuery입니다. github api를 이용하여 검색어를 받아 레포지토리를 검

2022년 3월 25일
·
0개의 댓글
·
post-thumbnail

Http 프로토콜

Http 프로토콜에 대해 간단히 정리해보고자 합니다. Http 란 Http는 HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜입니다. Http는 웹에서 이루어지는 모든 데이터 교환의 기초이며, 클라이언트-서버 프로토콜이기도 합니다. 클라이언트-서버 프

2022년 3월 15일
·
0개의 댓글
·
post-thumbnail

Storybook 사용해보기

간단하게 storkbook을 사용해보고 후기를 작성해봅니다.컴포넌트 단위로 UI 개발을 지원하는 도구입니다. 실제 어플리케이션 실행과 별개로 컴포넌트 단위의 개발이 가능해집고 만든 컴포넌트를 공유할 수 있습니다.우선 cra를 해주고 storybook 추가를 위해 npx

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

React canvas 드래그로 사각형 그리기

canvas를 이용하여 드래그로 사각형 그리는 component를 구현하는 방법과 구현하며 발생한 문제를 해결한 방법을 알려주고자 한다.우선 canvas를 이용하기 위한 기본적인 설정을 한다.useRef를 이용해 canvas 엘리먼트에 접근한다.canvasRef를 ca

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

React children prop을 이용한 공통 UI Component 제작

children prop을 이용하여 공통 UI를 만드는 작업을 해보았다.기본 형태는 위와 같다.사용 방법각 component에서 페이지 내용을 Container component로 감싼다.Header와 Footer에 전달할 props를 Container componen

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

DOM 조작 방법

DOM(Document Object Model) DOM이란 XML이나 HTML 문서에 접근하기 위한 인터페이스로 DOM을 이용하여 HTML 문서 구조, 스타일, 내용 등을 변경할 수 있다. > DOM HTML DOM은 node라고 불리는 계층적 단위에 정보를 저장한다

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

Lexical Scope, Closure 개념정리

면접 준비를 하며 javascript 기본개념을 정리해보려 한다. 그 중 가장 이해가 안되던 클로져에 대해 정리해본다.

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