개발이 가능한 데이터 분석가

미리보기

기본 정보

이름

윤예나

직업

개발이 가능한 데이터 분석가

간단 소개

개발에서 사용한 툴을 가지고 빠르게 분석 결과를 낼 수 있습니다. 프론트엔드 개발 경험을 통해 코드를 빠르게 커스텀 작성할 수 있으며 시각적 아름다움을 고려하여 한눈에 들어오는 시각화가 가능합니다.

프로젝트명

[개발] 이미지와 동적 UI를 포함한 AI 회사의 홈페이지 구현

소속/기관명

개인

프로젝트 기간

2023.12. ~ 2024.03.

프로젝트 내용

이미지와 영상이 포함되어 최적화가 필수인 사이트를 구현해보고 싶어서

동적 UI 구현을 연습할 겸 해당 사이트를 구현해보고자 결정했습니다.

동적 UI와 다국어 설정이 포함된 사이트를 React와 Typescript로 구현하고,

유저의 사이트 접근성을 높이기 위해 성능과 SEO 최적화를 진행하였습니다.

CRA -> Vite 번들러 마이그레이션 => 빌드 속도 87.5% 상승
Lighthouse 최적화 => 성능 43.48% 상승, SEO 9.89% 상승
영상 lazy load => 네트워크 payload 감축
폰트 preload => 로딩 직후 폰트가 움직이는 FOUT 현상 개선
AWS의 S3 + CloudFront 배포 => 정적 리소스(이미지) 로딩 시간 단축
Github Actions를 활용하여 CI/CD 구축 => 수정 후 재배포 과정 자동화
반응형 UI 구현 (Laptop, Tablet, Mobile)
다국어 서비스 적용 (한국어, 영어)

배포 링크: https://d29jsyxb34kmjf.cloudfront.net
깃허브: https://github.com/Yena-Yun/rebuilder