방구석 개발자의 놀이터

1. 오픈소스에 기여하게 된 계기 1) Skeleton Loading을 위한 react-loading-skeleton 선택 개인 프로젝트를 진행하며 Skeleton Loading을 사용하기위해 npm trend를 검색해보았다. 위 사진의 npm trend를 보면 react-content-loader와 react-loading-skeleton이 가장 인기가 많은것을 볼 수 있다. 이중에서 custom 기능을 제공하는 react-content-loader보다 직관적으로 설명이 되어있는 react-loading-skeleton을 사용해보기로 했다. 2) Github README의 설명과 다르게 동작하는 오류 발견 Github README의 설명을 보면 skeleton의 width prop을 주지 않으면 ..

1. 오픈소스에 기여하게 된 계기 1) 관리가 불편한 번역 파일 현재 사내에서 운영 중인 플랫폼은 해외 고객에게도 제공하고 있어 번역이 필수이다. 번역을 제공하는 오픈소스 라이브러리 중 redux-i18n을 적용하여 번역을 제공하고 있었다. 먼저, 번역을 제공하려면 번역을 json 파일로 관리해야 했다. {안녕하세요: 'hello', 택시: 'taxi', 버스: 'bus'} 하지만 프론트엔드를 개발하다보면 문구가 바뀌고, 새로 추가되고, 삭제되는 경우는 굉장히 빈번한 일이다. 이렇게 문구가 바뀔 때 마다 json 파일을 수정해야하는데 항상 수기로 하다보니 휴먼에러가 누적되어 있어 결국엔 어떤 문구가 사용되고 있는지, 사용 안되는지 파악이 어려워졌다. 2) 자동화 빌드 스크립트 작성 Toast UI팀에서 ..