미리보기

1. Genesis EX : 블록체인 가상화폐 거래소
   • 기술 : PHP, MySQL, AWS
   • 주요 업무 및 담당 부분

   • 회원기능, 고객센터, 상장문의 관련 API 구현
   • 관리자 페이지 개발

2. Aiinz : 사진 및 게시글을 공유하는 SNS 커뮤니티
   • 기술 : PHP, MySQL, AWS, BootStrap
   • 주요 업무 및 담당 부분

   • 기존 RestfulAPI를 Java 에서 PHP로 마이그레이션
   • 게시글 조회와 작성 API 구현
   • BootStrap 사용하여 게시글 및 회원, 앱 버전 관리 가능한 관리자 페이지 구현

1. 민병철 유폰 3.0 (Hybrid App)
   : 수업 스케줄을 자유롭게 정하고 학습량을 초 단위로 관리하는 맞춤 전화 영어 서비스 앱

[기존 프로젝트]
• 기술 : React.js, SCSS
• 주요 업무 및 담당 부분
- 유지 보수 및 이슈 대응
- 네이버 로그인 SDK와 react-apple-signin-auth 라이브러리 사용하여 간편 로그인 서비스 구현
(이전 대비 회원가입률 23%증가, 무료 수업 신청률 19% 증가)
- iOS의 특이점으로 인해 애플 로그인을 native로 인증 후 브릿지를 사용하여 로그인 하도록 구현
- Lottie 라이브러리 사용하여 동영상 튜토리얼 화면을 구현
(Lottie 파일 용량으로 인한 성능 이슈가 있어 파일을 Amazon S3 버킷에서 영상을 가지고 오는
재사용 가능한 컴포넌트로 분리 개발하여 메인 페이지 로딩 속도 10분의 1로 개선)

[리팩토링 프로젝트] (2022.02 - 2022.08)
• 기술 : React.js, TypeScript, Next.js, react-redux, SCSS
• 주요 업무 및 담당 부분
- 자바스크립트 로드 이슈 시 흰화면 이슈 해결과 SEO를 위해 CSR에서 SSR(Next.js)로 변경
- 보일러 플레이트를 줄이고 상태관리 안정성을 높이기 위해 redux-toolkit 적용하여 비지니스 로직 분리
- 클래스형 컴포넌트를 함수형 컴포넌트로 변경하여 코드를 모듈화하고 코드재사용과 유지보수가 쉽도록 개선

2. 민병철 유폰 3.0 (WEB)
   :맞춤 전화 영어 서비스와 과정을 소개 하는 마케팅용 웹페이지

• 기술 : HTML, CSS, SCSS, JavaScript, JQuery, React.js
• 주요 업무 및 담당 부분
- 유지 보수 및 이슈 대응
- 구매 상담, 오류 신고 기능 개발
- 반응형 마케팅 랜딩 페이지 및 배너 구현

1. HANSTYLE 한스타일 (WEB, HybridApp)
   : 해외 명품 쇼핑 플랫폼

• 기술 : Next.js, React.js, Typescript, react-redux, SCSS
• 주요 업무 및 담당 부분
- 점진적 리팩토링 (jsp > Next.js) 및 신규 개발 형태로 전반적인 사용자 경험 개선
- 재사용 되는 컴포넌트와 함수들을 공통으로 개발하여 사용성 향상
- kakao maps(매장 안내 페이지), daum 주소 api(주소 검색) 등 외부 라이브러리 사용 경험
- 페이지 성능 개선
ㆍchrome LightHouse를 이용해 성능 최적화
ㆍ페이지 영역의 크기를 지정하여 Layout Shift가 일어나지 않도록 개선
ㆍDynamic Import를 사용하여 컴포넌트 분리 및 페이지 로딩 시간 단축
ㆍ무한스크롤 시 상품 정보를 객체에 담아 리턴하는 방식에서 바로 렌더링 하는 방식으로 변경하여
컴포넌트 메모리 누수 해결