• Developed new fixed-income fund product Earn market and subscription detail page.
• Developed responsive pages for mobile devices
  • Adapted to mobile and tablet devices by maximizing the use of existing components and media queries.
• Increased productivity by developing common classes and methods for managing UI state according to fund schedules.
• Switched from SSR to ISR and used appropriate caching strategies to reduce page loading speed by about 70% (1.312s -> 399ms), improving participation rate by 5% (Retrospective Link)
  • Lighthouse Score: 67 -> 95 - 100
  • LCP: 80% (2.1 -> 0.4s)
  • CLS: 35% (0.416 -> 0.063)
  • Reduced initial loading speed: Reduced Hydration stage speed by 81% from 1s to 189.58ms
• Improved the complexity of legacy code by abstracting the comment function on the detail page as a common component
  • Improved authentication logic and error handling in response to the introduction of the OAuth authentication server
    • Improved error boundaries and efficiency of exception handling by documenting inconsistent server error responses.
  • Developed unit and integration test codes and automated tests using Jest to prevent bugs during the development stage.
    • Improved test coverage of the fund payment process from 0 to 90.19%.
  • Strengthened collaboration by establishing an automatic deployment environment using Circle CI and Vercel and documenting the setup method.

• Rebuilt and enhanced major pages such as landing, fund market/detail, my wallet, and user pages.
• Led the introduction of server-side rendering during the migration to Next.js.
  • Improved development efficiency by adopting the atomic pattern.
  • Contributed to improving team proficiency by documenting and conducting seminars on server-side rendering. Team proficiency improvement link
• Developed fund management dashboard and fund creation site as separate domains for Trader users.
• Implemented and refactored currency exchange and remittance features on the My Wallet page to improve code quality.
• Improved active users by 15% and participation events by 65% after enhancing the community page.
  • Abstracted common comment components and introduced react-query to improve the maintainability of legacy code.
  • Improved global user community through Google translation of comments, image, and GIF uploads using I18-next.
• Participated in the development of core functions for Quant, Spot, and fixed-income fund market and detail pages.
• Improved maintainability by implementing fund product payment function and payment UI common components.
  • Improved total investment in funds registered on the platform by 108.2% after enhancing product purchase function.
• Increased productivity by developing common classes and methods for managing UI state according to fund schedules.

• Saved 30% of development time by developing reusable components such as modal and button.
• Strengthened efficient collaboration with designers by developing a design system using Storybook.
• Developed responsive common UI components optimized for mobile devices.

• Led coding convention seminars and documented them to share with the team.
• Applied lint rules according to the agreed coding conventions in the team and made adjustments after feedback from team members.

Team Collaboration and Contribution

• Improved technology culture by documenting dev plans, feature specifications, onboarding, etc.
• Participated in reviews at the early stages of development to improve project UX together.
• Collaborated with designers and planners based on various documents such as Figma and Confluence.