👩‍💻 Dev/💫 React2

• 

  React-intl을 사용한 nested files/objects 접근 이번에 회사 사이트에서 다국어를 지원하려고 계획중이라, react 다국어 지원 라이브러리를 검색해봤어요. SSR(server-side-rendering)을 사용하지 않는다면 기능이 더 많은 react-intl을 쓰는 게 좋다고 해서, 저는 react-intl을 사용하기로 했어요. 공식 document가 그렇게 좋은 편은 아니라서, 다른 분들이 올린 블로그 글도 몇 개 봤는데, 다들 아주 심플한 테스트 코드만 작성하셨더라고요. 저는 nested object를 사용해야 해서 조금 더 찾아보면서 개발했어요. 저같은 분들을 위해 과정을 공유합니다. 설치 먼저 라이브러리를 설치합니다. $ yarn add react-intl 설정 다국어를 지원할 Text들을 넣을 폴더와, index 파일을 만듭니다. 저는 src/.. 👩‍💻 Dev/💫 React 2021. 7. 26.

• 

  React-draggable official demo convert using hooks React-draggable의 공식 Demo code는 Class Component로 작성되었습니다. 저는 Hooks Component로 code를 작성하기에, 이 code를 Hooks로 변경해보았습니다. Demo : react-grid-layout.github.io/react-draggable/example/ SourceCode : github.com/react-grid-layout/react-draggable/blob/master/example/example.js Index : github.com/react-grid-layout/react-draggable/blob/master/example/index.html SourceCode 링크의 code를 hooks로 변경한 코드입니다. Index page는.. 👩‍💻 Dev/💫 React 2021. 5. 4.