- Figma를 사용한 디자인 시안 검토 및 API 사양 협의를 통해 일관된 사용자 인터페이스 구현. 뉴스 기사를 가져오는 API에서 필요한 데이터 필드, 요청 파라미터, 에러 처리 및 성능 최적화 전략 등을 협의하여 프론트엔드 요구 사항을 반영 - Next.js의 SSR(Server-Side Rendering) 기능을 사용하여 서버로부터 뉴스 기사를 가져와 초기 상태 관리. React Query와 Fetch API를 사용하여 클라이언트 측에서 비동기 데이터 페칭 및 상태 관리. - 토큰 기반 인증을 구현하여 사용자 상태를 관리하고 라우터를 조절: 로그인 시 JWT 토큰을 발급받아 클라이언트에 저장하고, 이를 통해 인증된 사용자만 특정 페이지에 접근할 수 있도록 구현 Skills: Next.js · TypeScript · Recoil · React Query · Emotion

更多

- B2B 웹기반의 운영관리 및 매장관리 백오피스 시스템의 전반적인 프론트엔드 개발 및 유지보수 - 결함 보고 및 개선 요청에 따른 수정 작업, 성능 최적화 - Figma를 기반으로 디자이너와 협업하며, 백엔드 팀과의 원활한 소통을 통한 API 연동 및 데이터 처리 Skills: React.js · TypeScript · React Query · Styled-components

更多

- B2C e-commerce 플랫폼의 프론트엔드 개발 담당 - React, Zustand, React-Router를 활용한 SPA 개발로 사용자 경험 최적화 - 백엔드와의 협업을 통한 RESTful API 및 React Query를 사용한 데이터 통신 구현 - 웹 접근성 및 사용자 경험 개선을 위한 디자인 개선 제안 및 구현 - 프로젝트 관련 문서화 작업 및 코드 리뷰를 통한 지속적인 개선 작업 진행 Skills: React.js · TypeScript · React Query · Zustand · Tailwind CSS · TanStack Table · Vite

更多

- 모빌리티 로봇 이동 시나리오 시각화 - task, 이동 경로, fleet 편집 가능한 어드민 페이지 개발 - JWT 이용한 로그인, 회원가입 및 유효성 검사 - Jotai를 활용하여 전역 상태 관리 - 다양한 해상도에 따른 반응형 레이아웃 구현 Skills: React.js · TypeScript · Chart.js · Jotai · Tailwind CSS · Bitbucket · TanStack Table

更多

- Interactive website 개발 및 재사용 가능한 코드 작성 - URL과 상호작용되는 상태 관리 filter 구현 - Redux 및 Jotai를 활용한 전역 상태 관리 작업 - 속도 향상을 위한 최적화 작업 - JWT 이용한 로그인, 회원가입 및 유효성 검사 - 데스크톱 및 태블릿 환경을 위한 반응형 UI 구현 Skills: Next.js· React.js · Redux · Jotai · Tailwind CSS · WordPress · GraphQL API

更多