2023.09 ~ 현재 초기 앱 서비스 개발 진행, 안드로이드 프리징 이슈 및 앱 최적화 작업 진행 - 홈 / 모아보기 / 더보기 / 알림 프론트 서비스 등 앱내 다양한 유저 페이지 개발 및 유지보수 - FlatList 리스트 최적화 진행 - 앱내 스크롤 버벅임 이슈 해결 - useCallback을 이용한 renderItem 함수의 최적화 적용 - FlashList를 recyclerListView가 적용된 라이브러리 리스트를 이용한 최적화 적용 - 초기 0.71버전을 이용한 프로젝트에서 불특정 동작에 따른 안드로이드 프리징 이슈 해결 - react-native-screens / react-native-reanimated 등 여러 라이브러리에서 안드로이드 프리징 이슈 보고되어 있지만, 수정된 이슈는 없이, 보고만 된 상태 - react-native-screens의 화면 최적화 옵션을 이용하여 화면 최적화 진행하였지만 일부 개선되고, 프리징 이슈는 동일 현상 발생 - Android gradle properties 옵션값 수정으로 안드로이드 성능 대응 - React Native 0.73 버전 이후로 안드로이드 데드락 관련하여 해결된 이슈 커밋 내용을 팀내 공유하여, 0.73 버전으로 팀원분이 업데이트 업무를 진행하였고, 프리징 이슈 해결 - esLint 커스텀 룰 추가 코드 품질 개선사항 - 코드 리뷰를 하다보면, 작성된 코드에서 useCallback, useMemo 디펜던시 부분을 누락하여 이슈가 발생하고, 추가 커밋이 올라오는 것을 보면서, 코드 리뷰에서 해당 부분 체크를 강화하자는 팀룰을 정하면서, esLint 룰도 추가하여, 커밋전에 개발단계에서 체크되도록 추가 - 앱 디자인 시스템 반영 THEUS 서비스 내부 운영툴 / 외부 운영툴 웹 서비스 - 내부 운영자와 외부 크리에이터 및 관리자가 관리하는 운영툴 웹 서비스 기능 개발 - refine 오픈소스를 이용한 프레임워크 적용 - 앱내 강제 업데이트, 선택 업데이트 기능 관련한 로직 기획팀에 제안 및 기능 추가 및 앱 서비스 적용

更多

- 고도몰 서비스를 이용한 커머스 기능 추가 및 최적화 작업 - 구형 디바이스에서 리스트 화면의 스크롤이 버벅거리는 화면 최적화를 진행 1. 1차적으로 useMemo / useCallback를 통한 메모이제이션 작업 및 시뮬레이터 디버거를 통한 view수 최소화 작업 2. recyclerlistview 라이브러리를 검색으로 찾은 후 테스트 해본 후 팀에 공유 및 적용 3. flashList 라이브러리를 검색 후 팀에 공유 및 적용 - 이후 성능최적화가 필요한 리스트에는 flashList 적용(1차적으로 recyclerlistview를 적용했지만, 사용하기 용이하지 않은 구조로 되어있지만, flashList는 react-native의 기본 FlatList와 사용법이 같아서 사용하기 용이하여 flashList를 채택) - 팀내 리스트 공용 custom hook 구현 및 공유 - pagination 기능이 필요한 리스트 화면에서 각기 다른 방법으로 구현 - useQuery와 같이 코드 통일화를 위해 custom hook 구현 - 팀내 공유 및 피드백을 통해 프로젝트 반영 - 고도몰 서비스를 이용한 커머스 추가 (적립금 / 배송조회 / 취소 / 환불 등) 결제 이후 관련 페이지 작업 - 메인 서비스 퍼스널컬러 / 스킨매칭 / 화장품 매칭 결과페이지 작업 - 제품상세 / 유저 프로필 화면 / 제품 리뷰 작성 등 화면 개편작업 - 상시 이벤트 업무 진행 - 베트남 이외 국가는 영어로 다국어 서비스 지원 - 방어적 프로그래밍을 기본으로 작업 진행 - 국내와 같은 코드로 이벤트 페이지 제작 - 하지만, 국내와 달리 네트워크가 지연될 수 있는 상황으로 인하여 앱 크래쉬가 발생하여, 비동기 처리에 더 방어적프로그래밍으로 진행 - 유튜브 크리에이터 멤버십 신청 앱 페이지 작업 - 신규 유저 출첵 이벤트 - 앱 내 특정활동을 신규유저가 진행하면, 보상을 받을 수 있고, 확인할 수 있는 페이지 작업 - 젠킨스를 이용한 ios / aos 빌드 데일리 QA환경 정상화 - 기본 세팅은 되어있었지만, QA환경 빌드가 진행되고 있지 않은 이슈 - 회사 홈페이지 개편(React / Styled-Component)

更多

프론트 엔드 개발자로서 React / Next.js 기반의 웹프로젝트의 유지보수 및 기능 개발 Redux / Redux-thunk를 이용한 상태관리

更多