230824 TIL

오늘할일

하품 어플리케이션에서 이미지를 받을때 , 프론트에서 먼저 이미지의 크기 및

사이즈를 조절하여 백으로 전달하고 이를 S3 MULTER에서 다시한번 검수해서 저장하는

방식으로 어떠한 환경의 사용자건 사진을 자유롭게 업로드 할 수 있게 리팩토링.

업데이트 페이지로 이동 시 페이지 진입을 느리게 만드는 요소들에 대한

레이지 로딩 및 스켈레톤 ui 구현

오늘한일

이제 프론트에서도 이미지의 크기를 1920x1080사이즈로 제한 하고 이미지의 원본 비율을 그대로 유지하는

알고리즘을 적용하여 모든 기종의 모바일 디바이스에서 자유자재로 이미지를 업로드 할 수 있도록 리팩토링하고

ssr이 적용되어있던 업데이트 페이지를 csr로 전환하여 기존의 길었던 업데이트 로딩을 해결했다.

ssr과 csr을 고려하는데에 있어 일반적인 케이스 뿐 아니라 이번 상황처럼 서버의 스펙이 한정적일때는

csr을 좀더 사용하는게 성능에 도움이 될 수도 있다는 것을 직접 체험하는 재밌는 경험이 되었다.

팀원분의 훌륭한 css 실력 덕분에 페이지의 레이아웃을 리팩토링하는데 큰 도움을 받아

다음주 런칭에 한발자국 더 다가갈 수 있었다.