post-thumbnail

중복클릭 방지 로직과 useRef

요리가 나올 때까지 다음 주문은 안 받을게요

2022년 7월 20일
·
0개의 댓글
·
post-thumbnail

[요가나라] 우리지역 요행지 지도 만들기 (2)

react-tooltip과 SVG에 CSS를 적용해서 반응형 지도처럼 만들어보기

2022년 6월 14일
·
0개의 댓글
·
post-thumbnail

[요가나라] 우리지역 요행지 지도 만들기 (1)

react-tooltip과 SVG에 CSS를 적용해서 반응형 지도처럼 만들어보기

2022년 6월 13일
·
0개의 댓글
·
post-thumbnail

FLUX 패턴

Redux를 쓸건데 뭔지는 알아야 될 것 같아서

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

[다독다독] Throttling과 Debouncing

API가 자꾸만 연속해서 호출될 때 씁시다

2022년 6월 10일
·
0개의 댓글
·
post-thumbnail

[다독다독] fontawesome 리렌더링이 되지 않는 현상

fontawesome은 라이브러리를 설치해서 쓰자

2022년 6월 8일
·
0개의 댓글
·
post-thumbnail

[다독다독] 평점 추가하기

읽은 책에 한정하여 평점을 매길 수 있도록 만점이 5점짜리인 별점을 추가했다. 초기 state값은 props로 전달한 책과 stars(평점)이 있다면 해당 값을 차용(기존에 추가한 책을 조회하는 경우)없는 경우 false 배열로 초기화(새로 책을 추가하는 경우)클릭한

2022년 6월 7일
·
0개의 댓글
·
post-thumbnail

[다독다독] Redux 적용해보기

사용 이유 요가나라와 개인프로젝트를 진행하면서 props 지옥에 빠졌다. 목표 컴포넌트에서 state를 사용하려면 부모 컴포넌트부터 목표 컴포넌트까지 props를 계속 전달해야하고, 하위 컴포넌트에서 부모 컴포넌트를 조작하려면 부모 컴포넌트에 도달할 때까지 콜백함수를

2022년 6월 6일
·
0개의 댓글
·

[다독다독] 무한 스크롤 구현하기

현재 다독다독의 도서 검색 기능은 API에 파라미터로 책의 개수 받아 일정 개수의 도서만 검색이 가능하기 때문에 책 탐색에 한계가 있다.원하는 책을 찾을 때까지 스크롤을 내리다 뷰포트의 최하단에 닿는 순간 다음 책들을 불러오기 위해 인피니트 스크롤이 필요하다.useEf

2022년 5월 28일
·
0개의 댓글
·
post-thumbnail

[다독다독] Lottie 적용해보기

웹페이지를 좀 더 재미있게 만들기 위해 로티 애니메이션을 추가하기로 했다.https://lottiefiles.com/로티 홈페이지에서 원하는 애니메이션을 json으로 다운로드 받아 프로젝트 폴더에 넣어준다.여러 페이지에서 로티를 사용할 수 있기 때문에 재사용할

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

[다독다독] react-chartjs-2로 월별 완독 차트 만들기

react-chartjs2로 독서 기록 웹 애플리케이션에 연도-월별로 완독한 책이 몇 권인지 확인할 수 있는 기능을 추가하려고 한다. 몇 월에 몇 권을 읽었는지 나타내기 위해 가시성이 좋은 막대그래프를 사용하기로 했다. react-chartjs-2 공식 홈페이지의 ex

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

[다독다독] react-calendar로 달력 만들기

독서 기록 웹 애플리케이션에 책을 완독한 날짜에 하이라이팅이 되는 달력을 추가하려고 한다. 상단 2022년 5월 선택 시 월 선택으로 바뀜마찬가지로 연도 선택 시 일 선택으로 바뀌면서 뎁스가 내려감기본 css import 시 캘린더가 예쁘게 바뀐다추후 css 작업 시

2022년 5월 25일
·
1개의 댓글
·
post-thumbnail

[개인 프로젝트] 독서 기록 웹 애플리케이션

카카오 책 검색 오픈 APIhttps://developers.kakao.com/docs/latest/ko/daum-search/dev-guide!\[](https://velog.velcdn.com/images/kina/post/eb8566b3-8f51

2022년 5월 23일
·
0개의 댓글
·
post-thumbnail

[그리드 컴포넌트] sort 함수 정리하기

2022년 5월 18일
·
0개의 댓글
·
post-thumbnail

[개인 프로젝트] 게시판 만들기 (5) - 게시물 수정

오늘은 게시물 수정까지 구현하면서 댓글을 제외한 게시물 관련 주요 기능을 완성했다.게시물 수정 컴포넌트는 글쓰기 컴포넌트를 재활용하되 postID를 기준으로 줘서 postID가 -1일 때는 글쓰기로, postID가 게시물 key값일 때는 게시물 수정으로 이동하게끔 ro

2022년 4월 16일
·
0개의 댓글
·
post-thumbnail

[개인 프로젝트] 게시판 만들기 (4) - 게시물 view CSS와 게시물 세부 기능

post view css 1차 완성이다. 댓글 기능은 아직 구현되지 않은 상태라 확인용으로 임시로 작성해 놓은 상태이고, 댓글 작성자와 로그인한 유저의 userId가 동일하면 수정/삭제 동일하지 않다면 버튼이 안 보이게 수정할 예정이다.<veiw 남은 기능>1\.

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

[개인 프로젝트] 게시판 만들기 (3) - Firebase로 게시물 작성하기 / 게시물 읽기 구현하기

게시판 메뉴의 CSS 뼈대가 완성되었으니 이제 본격적으로 게시물 작성하기 기능을 만들어 보려고 한다. 데이터베이스는 firebase의 Realtime Database를 사용할 예정이다.Firebase에는 DataBase와 Realtime DataBase 두 개가 있는데

2022년 4월 14일
·
0개의 댓글
·
post-thumbnail

[개인 프로젝트] 게시판 만들기 (2) - React-Quill

게시물 작성을 위해 react-quill을 사용해보려고 한다.react-quill은 팀프로젝트인 요가나라에서 프론트엔드 개발자분이 적용하신 에디터인데 기능이나 디자인을 내 입맛대로 설정할 수도 있고 굉장히 가볍게 사용할 수 있는 것 같아서 내 개인 프로젝트에도 적용하기

2022년 4월 12일
·
0개의 댓글
·
post-thumbnail

[개인 프로젝트] 게시판 만들기 (1) - 게시물 리스트 CSS

게시판을 본격적으로 만들기에 앞서서 껍데기를 만드는 작업을 먼저 진행했다.board_list : 게시물 리스트를 보여줄 컴포넌트 폴더board_main : board main 컴포넌트 폴더board_pagination : 게시물 페이지네이션 컴포넌트 폴더board_wr

2022년 4월 12일
·
0개의 댓글
·
post-thumbnail

[개인 프로젝트] 진행 상황

MyTamber(My Task and Member) Restful API와 엘리쌤의 강의를 활용해서 개인적으로 작업하고 있는 미니 그룹웨어 프로젝트다.요가나라 작업이 밀려서 잠시 뒤로 미뤄놨던 프로젝트였는데, 퇴사 후 본격적으로 프론트엔드를 독학하면서 작업 속도가 붙기

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