profile
정리 장인 && FE 개발자
post-thumbnail

작업 효율을 높여주는 Git alias 모음

터미널에서 Git 명령어를 사용하다 보면 긴 명령어나 자주 사용되는 명령어를 일일이 타이핑하기 귀찮아진다. 이럴 땐 Git alias를 설정해두면 작업 효율을 향상시킬 수 있다.

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

알아두면 유용한 Git config 모음

내 컴퓨터에 Git과 관련하여 어떤 설정들이 저장되어 있는지 보려면 아래 명령어를 실행하면 된다.

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

Intersection Observer로 문서 뷰어의 Page Navigation 기능 구현하기

회사 서비스에서 환자의 재활 운동 리포트를 문서 뷰어처럼 볼 수 있는 컴포넌트를 개발하게 되었다. 전체 페이지와 현재 페이지 번호를 보여주고, 전후 페이지로 이동할 수 있는 버튼이 있는 형태였다.

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

React 특정 컴포넌트 프린트하기(한 장/여러 장)

회사에서 개발한 기능 중 환자의 리포트를 프린트하는 기능이 있었다. 전체 화면이 아니라 리포트 부분만 프린트해야 해서 ReactToPrint 라이브러리를 사용했다.

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

Dropdown과 Datepicker로 기간 선택하기

회사의 재활 운동 관련 서비스에서 리포트 페이지를 개발하게 되었다. 기간을 설정하면 해당 기간 내에 생성된 운동 기록들이 뜨고, 그중에 몇 개를 선택하여 날짜별로 리포트를 볼 수 있는 기능이 있다.

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

다중선택 체크박스 상태관리

어느 날 동료에게서 체크박스에 관한 질문을 받았다. 체크박스를 여러 개 선택한 후 선택된 값들을 어떻게 저장해야 할지 감이 오지 않는다는 것이었다.

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

로딩 방식 개선으로 더 나은 UX 만들기

재활 운동 파트를 개발하던 중 UX 측면에서 개선이 필요한 부분이 있었다. 영상이 많아 로딩이 너무 빈번하게 발생한다는 점이었다.

2022년 11월 2일
·
0개의 댓글
·
post-thumbnail

Promise.all로 데이터를 순서대로 fetch 하기

회사에서 재활 운동 관련 서비스를 개발하고 있는데 여러 개의 운동 세트와 세트별 운동 목록을 보여주는 페이지가 있다. 세트 정보와 그 안에 포함된 운동의 정보를 한 번에 보내주는 API가 있으면 참 좋겠지만,

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

Array와 Object 제대로 사용하기

동료 프론트엔드 개발자가 환자의 통증 부위를 선택하는 체크박스 리스트를 개발하던 중 질문을 했다. 다음과 같이 데이터를 만든 후 map을 돌려 리스트를 렌더링하고, 체크된 항목의 영문명을 받아오려고 하는데 잘 안된다는 것이었다.

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

외주업체 백엔드 개발자와 협업하기

스타트업에서 프론트엔드 개발자로 일한 지 어느덧 두 달 반 정도 되었다. 규모가 작은 회사라서 개발자는 신입 프론트엔드 개발자 두 명뿐이고, 외주업체의 백엔드 개발자와 협업하여 프로젝트를 진행하고 있다.

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