# optimization

148개의 포스트
post-thumbnail

프론트엔드 개발자의 성능 최적화 <5편>

환경CRA로 작업하는 경우 개발은 development 환경에서 수행하는데 여기에서 performance는Build하며 압축 등의 최적화 작업이 들어가지 않아 production으로 성능을 측정할 필요가 있어요.손쉽게 production모드의 성능측정을 위해 npm s

2023년 5월 12일
·
0개의 댓글
·
post-thumbnail

프론트엔드 개발자의 성능 최적화 <4편>

코드분할, 지연로딩 performance > network > 파일의 크기가 크고 다운로드의 시간이 긴 경우 해당 파일이 어떤 코드로 이루어져 있는지 알면 좋은데요. Webpack Bundle Analyzer라는 라이브러리를 통하면 시각화하여 볼 수 있어요. W

2023년 5월 11일
·
0개의 댓글
·

Boost your Knowledge: Adaptive Boost

그동안 수강과목의 과제와 중간고사를 준비하고 치루느라고 정신이 없었네요. 사실은 좀 더 시간관리를 잘 했더라면 블로그에 글도 남길 수 있었을 것 같은데 말이죠. 앞으로 커피를 있는대로 때려부워 waking hours에 hype 상태를 유지 해야겠어요. 아무튼, 오늘은

2023년 4월 29일
·
0개의 댓글
·
post-thumbnail

프론트엔드 개발자의 성능 최적화 <2편>

이미지 사이즈 최적화LightHouse의 분석결과 Properly size images 항목이 있다면 이미지의 적절한 사이즈 사용을 통해 최적화를 시도할 수 있어요.최적화를 통해 Properly size images 우측에 표시된 1.52s만큼 로딩을 단축할 수 있다는

2023년 4월 22일
·
0개의 댓글
·
post-thumbnail

Web Optimization 101

Loading the screen as fast as possible within the given conditions.

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

Lighthouse

해당 포스트는 Lighthouse를 학습한 내용을 정리한 것입니다.

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

Optimization

해당 포스트는 Optimization를 학습한 내용을 정리한 것입니다.

2023년 3월 30일
·
0개의 댓글
·

[HTML] 📈최적화 하는 방법

브라우저 이미지 최적화, CDN, 캐시 설정, 트리쉐이킹, Lighthouse 사용법 정리📑

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

[최적화] 캐시 관리

캐시(Cache)는 다운로드 받은 데이터나 값을 미리 복사해 놓는 임시 장소를 뜻하며, 데이터에 접근하는 시간이 오래 걸리는 경우나 값을 다시 계산하는 시간을 절약하고 싶은 경우에 사용한다.서버에서 logo.jpg 라는 이미지를 받아오는 요청을 보낸다고 하자.첫번째 요

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

[최적화] 최적화(Optimization) 기법

: 주어진 조건으로 최대 효율을 낼 수 있도록 하는 것컴퓨터 공학에서 최적화는 가능한 적은 리소스를 소모하면서 가능한 빠르게 원하는 결과를 얻을 수 있도록 하는 것을 의미한다.웹 사이트의 성능 최적화를 통해 페이지 로딩 속도를 줄이면, 사용자의 이탈률을 효과적으로 줄일

2023년 3월 30일
·
0개의 댓글
·

[Linux]Processor Affinity or CPU Pinning

Processor Affinity or CPU Pinning에 대하여

2023년 3월 20일
·
0개의 댓글
·

Optimization - 캐시와 Tree Shaking

캐시(Cache) 캐시는 다운로드 받은 데이터나 값을 미리 복사해 놓는 임시 장소를 뜻하며 저장된 복사본을 통해 처리속도를 향상시키고 추가로 발생되는 요청을 더 빠르게 처리할 수 있다. 예를 들어 서버에 이미지를 받아오는 요청을 보낼 경우 첫 번째 요청에서는 이미지를

2023년 3월 19일
·
0개의 댓글
·

최적화(Optimization)란?

최적화란? 주어진 자원이나 한정된 스펙내에서 최소한의 자원를 소모하면서 최대 효율을 낼 수 있도록 하는 과정이며 웹 개발에서의 최적화는 주어진 조건 아래에서 최대한 빠르게 화면을 표시하도록 만드는 것이다. 알고리즘을 예시로 들어보면 원하는 결과가 나오는 코드 중 메모

2023년 3월 17일
·
0개의 댓글
·

closed-form solution of the rotation matrix

시작하며, 저번 글에서는 Coherent Point Drift의 사전지식인 EM을 살펴보았습니다. 한편, CPD의 E step, M step을 유도하는 과정에서 특수한 optimal problem이 등장하는데요. 이번엔 그것!에 대해서 다뤄보려고 합니다. 이름하여~! closed-form solution to the maximization of tr(ATR...

2023년 3월 14일
·
0개의 댓글
·

React 최적화를 해본 경험이 있나요?

React 최적화에 대해 자세히 알아봅시다.

2023년 3월 7일
·
0개의 댓글
·
post-thumbnail

7. Large-Scale Unconstrained Optimization

크기가 너무 큰 문제는 계산, 메모리 효율적으로 풀어야한다. 현실적인 implementation을 위한 변형들에 대해 알아보자.Symmetric $n\\times n$ linear system을 풀기 위한 Newton step $p^N_k$를 생각해보자.$$\\nabl

2023년 3월 6일
·
0개의 댓글
·

번들링(Bundling)과 Webpack

번들링(Bundling)이란? 번들링이란 사용자가 더 쉽고 빠르게 웹 애플리케이션에 접근할 수 있도록 용량을 줄이거나 파일을 최소화하고 소스 코드를 난독화하는 등의 과정을 거쳐 사용자에게 전달하는 것을 의미한다. 여러 코드와 파일, 프로그램을 묶어 패키지로 제공하며

2023년 3월 6일
·
0개의 댓글
·

[Week 5] Duality (4)

Week 5 Duality

2023년 3월 1일
·
0개의 댓글
·