Home Shopping Video Short Form Generator Project- Implemented using Video.js to adjust the length of clip images extracted with its own AI technology and modify subtitles

Mybeautip+ Admin, Global Integrated Admin for Management of Mybeautip+, an overseas beauty community and e-commerce servicesummaryI handled all necessary front-end work, including redesigning, developing, and operating the integrated admin system, as well as consolidating the existing Korean local admin. Additionally, I reworked the Mybeautip web service, upgraded the Jocoos homepage and Mybeautip landing page, and developed the Mybeautip+ landing page.skill- Next.js v14, mantine v6, styled-components, zustand, tanstack-query, typescript- Building a react-admin-based project that is dependent on integrating existing and new services as an advisor based on the 'mantine' library for quick migration.- After service stabilization, many inefficient codes were needed as 'mantine' to meet various requirements, and migration to a service based on 'stylated-components' to address them.- For server-side data management, 'tanstack-query' and 'query-key-factory' are used to declaratively manage the key values used for itCustom Hook Implementation- Use 'zustand' using 'slice pattern' to manage data that are detailed with 'props drilling' in a cohesive manner- Certain APIs respond flexibly and scalablely through 'react-hook-form' and 'zod' because state and validity check management become more important when handling more than 15 input fields or states to be handled according to conditions- Declarative management of interests for reusability and flexible and scalable 'compound components'- Optimizing low-varying, high-volume data with 'virtual scroll'

X-Cubator, IT Manager Online Matching Solutionskill- Next.js, SCSS, zustand, Twilio Video SDK, React-query, react-hook-form, typescript- Among the total service structures, the flow was simplified with the aim of fast service launch, and the plan was reorganized and implemented after the flow was created.- Meetings, Live Chat, Screen Sharing, Waiting Room Features with Twilio Video SDK- Global management of client-side data with zustand- Server-side data management using react-query- Secure code reuse and speed up development using SCSS grammar- Implement your own calendar for applying custom designs- Advance planning through communication with external personnel

ZOOPITO, English Conversation Lecture ServicesummaryAs the first Frontend Engineer of a hexcon, I worked on planning/developing front-end work (website, back office, blog) for all web development projects.skill- Next.js, styled-component, zustand, Vimeo SDK, Ant-design, typescript- As the company's sole front-end developer, it has carried out all necessary developments.Using React.js- Hosting static websites with AWS S3, cloudfront, and route53- Building CI/CD with AWS Pipeline- Implementation of the payment process from payment review to API linkageUsing Next.js- AWS Amplify was selected for fast CI/CD deployment such as easy dynamic routing and build setup- A social login (Naver, Kakao) process was established for easy login/member registration.- It was planned and developed to induce initial user inflow and introduce coupon functions for various promotions.- I created a user flow through a user journal map and identified problems in each step with AARRR theory to explore and test various solutions- Ant Design was introduced for quick administrator page development, and the administrator page was planned and developed for flexible service management.

I boarded a DDH2 warship, and as a boatswain's mate, I was tasked with maintaining mobility through the maintenance of the ship.It has been performing tasks to respond quickly in the event of various emergency situations, and has played various roles such as guarding and protecting ships.

As a Boatswain's Mate, I defended the Gulf of Aden, protected merchant ships operating in operational areas from pirates, stayed vigilant around the clock in escorting them to safety areas, and contributed to smooth operational support and quick ship maneuvers through a fast reporting system. I played a role in various areas, including ship maintenance, life preservation and damage control in emergency situations, and various support operations.