항상 새로운 언어가 나올때면 그언어로 작업하려고 노력하고 새로운 기술을 사용해보려고 한다.
요번 프로젝트는 파이어베이스 + REACT로 작업을 해봤다. 나중에 관련 작업 내용 및 문제점을 작성할테지만 간략히 관련 내용을 정리한다.
사실 이 프로젝트는 팀원에게 맡긴 프로젝트이고 내가 중요한 로직부분과 구조등만 잡았다.
대략적으로 프로젝트 아웃풋이 나왔는데... 세상에 말도안되는 속도.... 이 웹사이트..왜이래? 이런 생각이 돌면서 프로젝트 하나하나를 꼼꼼히 리펙토링을 시작했다.
REACT 로 처음 프로젝트를 진행해서 속도 느린부분에 대해서 REACT부터 의심을 시작해 나갔다.
1. 코드 스플릿트 - 싱글 어플리케이션이다 보니 처음 사이트 로딩시 관련 페이지 전체를 다 로드해서 느린 부분이 있어서 코드를 다 쪼개서 재작업을 했다.
(이작업을 하고 나니 기존 대비 1초 정도 빨라졌다.)
2. 프로덕션 BUILD - 나는 웹팩을 활용하고 있지 않았다. 그래서 좀 간과하고있었는데 프로덕션 빌드를 해야 빨라진다는 (내가 활용하고 있는 부분은 react-scripts)
(기존 대비 3초 정도 빨라졌다.)
3. lazy loading으로 이미지 관련 전부 변경하기
(이부분은 아직 작업전...)
하지만.... 어마 무시한 문제가 남아있었다. 파이어베이스 데이터베이스 속도...어쩔까나.........
편하지만 속도문제가 심각할정도 이다. 무료라고 해서 테스트용으로는 사용할만하지만 .. 이걸 과연 실 서비스에 적용을 해야되는지.....