[performance] 성능 최적화 bundle 파일 분석
Bundle 파일 분석을 해보쟈 개발자 도구 Performance탭에서 보면 아래 사진처럼 chunk 파일에 시간이 오래 소요되는 것을 확인할 수 있다. 이것들이 다운받아져야 다른 js 파일들이 로드되기 때문에 화면에 요소가 나오는 시간에 영향을 미친다. 그렇다면 저 파일은 왜 저...
Recent posts
[performance] 성능 최적화 bottleneck 코드 최적화
Performance 탭 확인하기 개발자 도구 Performance를 확인해보쟈. HTML이 파싱되고 JS가 실행되고 코드가 실행되는데 Article 부분에서 실행 시간이 많이 소요되는 것을 볼 수 있다. 특히 removeSpecialCharacter 부분이 반복되며 실행되는데 코...
[performance] 성능 최적화 이미지 최적화
Performance Optimization - 성능 최적화 성능 최적화? 필요한 이유는 무엇일까욥 페이지가 로딩되는 속도가 느릴수록 사용자의 이탈률이 늘어날 것이다 → 수익이 감소한다, 즉 성능 최적화로 페이지 로딩 속도를 줄여 사용자가 떠나지 않도록 해서 수익을 증대할 수 있...
[javascript] 이벤트 루프에서 비동기까지
자바스크립트의 이벤트 루프에 대해 알아보다가 결국 비동기까지 알아보게 되었다. 자바스크립트는 싱글 스레드 언어이다. 이것은 싱글 callStack을 가지고 있다는 의미로 해석되는데 이는 자바스크립트 엔진의 특성이기도 하다. 싱글 스레드라는 것은 어떻게 동작한다는 것일까?
[react] javascript에서 typescript로 마이그레이션 하기
🚀 JavaScript에서 TypeScript로 마이그레이션 하기!