React

후원자 관리는 창작자들이 자신을 후원한 유저들에게 여러 벌크 액션을 취할 수 있게 해주는 웹 애플리케이션 입니다.

최근에 nextjs 13.4가 release되면서 App Router가 Stable 상태가 되었습니다.

뤼튼에서는 글로벌한 유저들에 대비하기 위해 국제화를 진행하였습니다. 국제화는 한국어로 된 문구들을 다른 나라 언어로도 제공하는 기능을 말합니다.

i18n이란 internationalization을 i18n으로 나타낸 것이며, 웹사이트를 구축할 때 다국어 처리에 자주 쓰이는 라이브러리이다.

나는 뤼튼에서 일하면서 하루종일 코딩만 했다고 생각하는데, 막상 나에게 어떤 챌리지들이 있었지 ? 라고 떠올리면 마땅히 떠오르지 않았다. 한편으론, 너무 거창한 것들을 생각하려고 하다보니 더 부담으로 다가왔다는 생각이 든다. 그래서 지금 이렇게 생각날 때 내가 겪었던 트러블들과 그것들을 어떻게 해결 했었는지 간략하게 적어보고자 한다.

react-router를 직접 구현해보고자 한다. 근데 막상 시작하려고 하니 무엇부터 시작해야 할지 전혀 감이 잡히지 않았다. 그래서 30분정도 고민하다가 인터넷에서 레퍼런스를 막 찾아보기 시작했다.

context를 이용하면 부모 컴포넌트에서 자식 컴포넌트로 props를 일일이 넘겨주지 않아도 됩니다. context를 통해 컴포넌트 트리 전체에 데이터를 제공할 수 있습니다.