기술 스택: React, TypeScript, Styled-components, React-Query

구성원

• PM(1)
• FE 개발자(3)
• BE 개발자(1)

담당업무

• React와 TypeScript를 사용하여 CMS 포함하여 전체적인 사용자 인터페이스 클라이언트 구축.
• JAVA 개발자가 구축한 백엔드 서버와 REST API를 통해 통신, 데이터 처리의 효율성 극대화.

성과

• 다른 개발자들과 협업하여 프로젝트 완성도를 높이고 팀워크 강화.
• Styled-components를 사용하여 일관된 스타일 구현, 유지보수 용이성 증가.

경험

다국어를 지원해야하는데 회사 내 cto가 구글 번역 API를 사용하면 어떠냐고 했지만, 페이지 단위의 번역은 속도가 느리고 정확하지도 않았으며, v3 기준 유료라고 했더니 다른 방법을 찾아야했다. react-i18next라는 다국어 지원 라이브러리를 알게 되어서 적용. 언어별로 JSON 형태의 데이터를 관리해야 했지만 속도도 빠르고 유지보수도 편했다. 처음에 작동하는 방식을 몰라 문장 별로 반복적으로 사용하는 단어를 따로 분리해 사용했는데,
같은 한국어 단어여도 영어는 다른 경우들이 있어서 변경이 필요.
큰 틀로 header, main, footer 객체를 나누고 페이지 별로 또 나누어 관리했다.