센디에 와서 기술적으로 해보고 싶었던 거는 차근차근 하나씩 해보는 중이다. 어떤 이슈를 처리하면서 웹 프로젝트에 Nginx를 적용하게 되었는데 겸사겸사 CI/CD 로직 개선도 시도할 수 있었다. 캐싱 전략을 사용하면서 배포 시간 단축을 노렸었지만, nginx를 마는데에 시간이 더 들어가서 결과적으로는 CI/CD 시간은 늘어났다.. 그래도 시도하지 않았다면 시간은 더 늘어났을테니 열심히 공부한 보람이 있다고 생각한다. 테스팅에 대해 공부를 시작하게 되었다. 최근 비즈니스 로직이 복잡해지기도 했고 개발 단계에서 대응하지 못한 에러들이 자주 터지면서 테스팅에 대한 욕구가 생겼다. 팀원들과 커뮤니케이션을 통해 동일한 생각임을 확인했고, 테스팅을 같이 공부한 뒤에 적용해보기로 했다. 이외에도 CI/CD 로직 ..
신기능 테스트를 위해 팀원들과 차를 끌고 영도를 다녀왔다. 기능은 문제없이 정상 작동했다. 영도까지 간 김에 모모스커피에 들러 커피 한잔 하고 왔다.
측정 환경구글 크롬 시크릿 모드랜덤한 시간대마다 Lighthouse Performence 측정 이미지 priority 적용 전 프로덕션 Lighthouse 8회 측정 결과: 평균 86.5이미지 priority 적용 후 프로덕션 Lighthouse 8회 측정 결과: 평균 92.625 결론- priority 만으로도 유의미한 개선이 된 듯하다.- 여유가 생기면, 이미지를 저화질로 교체해서 추가적인 퍼포먼스 개선을 이룰 생각이다. 회고?- lighthouse 측정을 랜덤한 시간에(생각날 때) 크롬 시크릿 모드를 켜서 측정하고, 이를 노션 표에 기록했는데 상당히 번거로웠다.- 이를 자동화시켜서 매일매일의 웹 퍼포먼스를 체크해서 기록해두면, 추후에 의미있는 매트릭으로 활용할 수 있지 않을까?
태그: #센디 #개발자url:날짜: 2024-07-20연결문서:7월 15일부터 현재까지 이미지 최적화에 대해 고민 중.배경 컨텍스트드라이버웹을 마이그레이션할 때, 재플린에서 png 이미지를 전부 3배수로 다운받아서 집어넣음.그래서 현재 프로덕션에서 이미지 최초 로딩이 꽤나 느리다.구글 크롬의 lighthouse 측정 결과로도 LCP가 많이 낮다.캐싱된 이미지를 불러오는 것은 빠르지만, 최초 로딩 속도가 느리기 때문에 이걸 개선하는 것을 목표로 한다.솔루션1 - 단순하게 저화질 이미지(2배수)로 교체한다.제일 깔끔한데 모든 이미지를 바꿔야하기 때문에 제일 귀찮다.솔루션2 - next/image의 priority 속성을 적용한다.페이지를 로딩했을 때 제일 먼저 보이는 가장 큰 이미지에 priority 속성을..
드디어 정규직 전환날이 다가왔다. 근데 뭐 인턴 떄랑 크게 달라질 건 없어서 별로 긴장되지는 않는다. 아직은 나의 역할과 책임이 더 커졌을 뿐이라고 생각한다. 다만 즐거울 것 같긴 하다. 어떤 일이든 내가 처리하겠다는 열정과 뭐든지 배워서 흡수하겠다는 욕심, 그리고 사회인으로 첫 발을 내딛는다는 설레임. 지금 이 신입으로서의 열정과 즐거움이 언젠가는 사그라들테지만, 지금은 이 기분을 즐기고 싶다. 하고 싶은 것은 몇 가지 정해놓았다. 우선 웹에서 사용하는 로깅 툴을 직접 래핑해서 프로덕션과 개발 모드를 분리하는 작업을 수행해보고 싶다. 그리고 현재 fetch api를 래핑해서 사용 중인데, 이거를 조금 더 디벨롭해서 모듈화하고 싶다. 기술을 벗어나서는, 센디와 센디 제품에 대한 전반적인 이해도를 높..
