신규사업 런칭 - 수시탐탐 - React를 활용한 보일러 플레이트 개발로 프로젝트 구축에 용의하게 진행 - 보일러 플레이트 활용해서 유저/백오피스 프로젝트 구축 - 라이브러리 없이 반응형 화면으로 개발 진행 - 소셜 로그인 연동 - local에서 http2 설정으로 http2 기능 활성화 - html2canvas, jsPDF 활용해서 pdf 다운로드 custom hook 개발 - docker와 aws amplify 배포(dev, qa, prod로 구분) 홈페이지 고도화 (HTML -> Next15, typescript) - 모노레포 구조 활용하여 아키텍쳐 설계(pnpm workspace 사용) - next15, typescript를 활용해서 고도화 진행 - google analytics 도입으로 페이지 유입 추가 - 모노레포 구조를 활용한 axios 공통 모듈 생성 - Dokcer, Jenkins를 활용한 배포 진행 다국어 프로젝트(Nextjs15, Vue3) - notion api를 활용해서 내부파일로 생성 - nextjs api router를 활용해서 api 개발 - api를 활용해서 내부에 있는 다국어 생성한 파일 호출하는 로직 추가 - vue -> i18n을 활용해서 다국어 내용 추가 - nextjs -> 공통 로직을 개발해서 추가 디자인시스템 구축(React, Typescript) - 재사용 가능한 UI 컴포넌트 라이브러리를 개발 - 일관된 디자인 가이드라인과 스타일 토큰을 정의해 브랜드 아이덴티티를 확립 - 모듈화된 아키텍처를 적용해 컴포넌트 간 의존성을 최소화하며 유지보수성을 향상 - 반응형 디자인 및 접근성 원칙을 준수해 다양한 환경에서 최적의 사용자 경험을 제공 - 개발자와 디자이너 간 원활한 협업을 위한 문서화 및 코드 리뷰 프로세스를 체계적으로 정립 - Rollup 라이브러리를 사용해 번들링 최적화 및 라이브러리 배포 자동화를 구현 - Verdaccio를 도입해 내부 패키지 레지스트리를 구축, 배포 프로세스의 효율성 향상 팀문화/팀빌딩 - 업무 프로세스 정리 및 체계 만들기 - 코드리뷰 문화 - 브랜치 전략 및 플로우 - 프론트 개발팀 신규입사자 온보딩 - 프론트 개발팀 면접 질문 생성 및 진행

더보기

스토어 상품상세 고도화 개발 (3개월) - JSP -> React, Next 전환 리모델링 운영 (~2024.01) - API call 호출 개선으로 사용성 개선 및 데이터 추적에 더욱 용이하게 함 - UI 변경 성능 개선 (~현재, bottom-up) - http2 도입 제안 -> 도입 - 컴포넌트 레벨 lazy load로 랜더링 최적화 - Tree-shaking 라이브러리 사용 -> lodash-es - SSR 레벨에서 API를 다중으로 호출할 때, Promise all 사용 후 한번에 요청 - 스토어 : 5 -> 50(max) -리모델링 : 14 -> 49(max) 전시 모바일 개발(2024.02~2024.06) - PL 역할 + 개발 - 라이브러리 개발 -> rollupjs 활용 - React 컴포넌트와 로직을 제공 - 백오피스 환경에서 만들어진 UI, Data를 화면에 그릴 수 있는 컴포넌트 제공 - 총 61가지 환경 - 아키텍쳐 설계 및 개발 방향성 제시 - 클린 아키텍쳐 중 UI로직과 API로직을 별도로 구축 - Feature-Sliced-Design 아키텍쳐 도입 - API 2개 데이터를 하나로 통합하여 로직구성 후 화면에 데이터 전송 - BFF 개념 활용 - 공통으로 사용할 수 있는 UI 부분 개발 - 1:N 관계의 데이터를 1:1 관계 데이터로 변경하여 화면에 데이터 전송 - 백오피스에서 UI 설정 및 데이터 설정 개발 - 마케터, 기획자들이 직접 화면을 구성 - 미리보기 제공으로 미래시에 설정한 데이터를 볼 수 있는 환경 구성 전시 PC 개발(2024.07~2024.09) - PL 역할 + 개발 - 라이브러리 개발 -> rollupjs 활용 - React 컴포넌트와 로직을 제공 - 백오피스 환경에서 만들어진 UI, Data를 화면에 그릴 수 있는 컴포넌트 제공 - 총 61가지 환경 - 아키텍쳐 설계 및 개발 방향성 제시 - 클린 아키텍쳐 중 UI로직과 API로직을 별도로 구축 - Feature-Sliced-Design 아키텍쳐 도입 - API 2개 데이터를 하나로 통합하여 로직구성 후 화면에 데이터 전송 - BFF 개념 활용 - 공통으로 사용할 수 있는 UI 부분 개발 - 1:N 관계의 데이터를 1:1 관계 데이터로 변경하여 화면에 데이터 전송

더보기

CI(코드이그라이터) -> React, Next 전환 프로젝트 (1년) React -> Native (webview 담당작업) (1년 6개월) - 작업 전 인터페이스 관련 문서화 및 현 플랫폼 정책 문서화 - 기존 플랫폼, 고도화 플랫폼을 Native Webview 대응 (aos, ios) - 전체 페이지 소스 파악 후 작업 - app 파트와 협업 담당 트래블룰 출금 (6개월) - 고객확인 재이행 (php, javascript) 트래블룰 출금 고도화 (6개월) 트래블룰 입금 (3개월) 가상지갑 연동 (2개월) 추가작업 - 성능 개선 - 미사용 코드 분석 및 삭제 후 script 수정(자발적) - useMemo, useCallback을 사용으로 성능 개선(자발적) - 보안코딩 - 스크립트에서 함수 강제로 실행 시 에러 팝업(자발적) - 시큐어 코딩 관련 작업 - 협업 문화 개선을 위한 프로세스 개선 및 발표 (Jira) - Bottom Up Project 진행 (Jira) - 위에서부터 아래로 업무지시가 아닌, 아래에서 위로 업무까지도 제안 - 협업히어로 (대외활동)

더보기

에듀서브 마이그레이션(2020.01 - Ing) 1. php 5.1 -> php 7.2 버전 업 2. mysql 5.0 -> mariaDB 10 버전 업 3. Anguler 1.x와 ui-router를 사용해서 프론트 화면을 구성하여 SPA 환경 구축 4. 커뮤니티 페이지에서 ajax를 이용해서 서버와의 통신을 구축 5. 다양한 ng-tag를 이용해서 화면을 구축 6. SNS API 연동 7. AWS 키네시스 이용 webRTC 초기 구축 8. angualr-ui를 활용한 커스텀 페이징 구축 홈페이지 유지보수 1. 홈페이지 로딩 속도 향상 2. utm을 자체적으로 개발해서 방문자수 확인 3. 출석부 시스템에서 간단 출석부 화면 기획 및 스크립트 작업 4. chart.js를 사용해서 배너를 통한 유입을 차트로 형상 발표 1. SQL index란 무엇인가 2. 깃 협업시 사용 3. 크로스 플랫폼 프레임워크 사용 이유

더보기