# 최적화

20개의 포스트

useMemo

memoization메모이제이션. 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하여 프로그램 실행 속도를 빠르게 하는 기술.useMemo 의 memo는 memoization의 약자이다. use

약 21시간 전
·
0개의 댓글

웹 사이트 최적화

방법에 따라 분류를 나누는게 좋을 듯 싶다 웹사이트 최적화 로딩 성능 (리소스를 불러오는 성능) 이미지 사이즈 최적화 , code splitting ( 컴포넌트, 페이지 ), 텍스트 압축, 컴포넌트 preloading, 이미지 preloading 다운로

7일 전
·
0개의 댓글
post-thumbnail

웹 최적화

프런트 엔드 성능 로딩 최적화 1. 브라우저 기준 최적화의 문제점 Navigation Timing processing && load 이 두 이벤트를 앞 단기고 빨리 하는데 목표가 있다. domContentLoadedEvent(processing) - 브라우저가 ht

2021년 2월 14일
·
0개의 댓글
post-thumbnail

Python String(문자열) 조작 마법사 되기(2) : 난이도 급상승 - 쾌속 단어매칭(find) 검색 알고리즘!

1편에 너무 쉬운 난이도의 코드를 소개한 것 같아서 2편에서는 조금 깊이가 있는 문자열 조작을 다루어 보려고 한다.단어사전을 가지고 문서 안에 있는 모든 단어를 매칭하는 과제!결론부터 말하자면 이 글에서는 아래 메서드들을 비교하고 상황과 용도에 따라 어떻게 사용해야 하

2021년 2월 5일
·
0개의 댓글
post-thumbnail

React.memo, useCallback 사용으로 렌더링 최적화 하기(feat.React-Native,Redux)

React Native 및 리덕스로 계산기 앱을 구현중 useCallback, React.memo를 접하게 되었다.평소 최적화에 작업에 쓰인다는 것은 알고 있었지만, 언제 어떻게써야 최적화 작업에 도움이 되는지는 몰랐다.이번에 사용함으로써 어떻게 어떤방식으로 최적화가

2021년 1월 29일
·
8개의 댓글
post-thumbnail

재귀함수와 꼬리 재귀

일반적으로 재귀함수보다 반복문의 실행 속도가 더 빠른 것으로 알고 있는데, 어째서 그러한 차이가 나는지 궁금해졌다. 그래서 이번 포스팅에서 재귀과 반복의 차이, 그리고 꼬리 재귀 최적화에 대하여 다뤄보았다.

2021년 1월 9일
·
0개의 댓글
post-thumbnail

[Next.js] dynamic import를 사용한 퍼포먼스 향상

Next.js는 dynamic이라는 ES2020 최신 문법을 지원하고 있습니다.dynamic Import란 간단히 말해 앱의 빌드 과정에서 모듈을 불러오는 것이 아니라 런타임때 모듈을 불러옴으로써, 처음 불러오는 파일들의 용량을 줄이고 결과적으론 퍼포먼스적 향상을 이루

2020년 12월 31일
·
0개의 댓글

로직 최적화

애플리케이션에서도 여러 프로세스나 쓰레드가 동일 데이터에 접근함으로써 발생할 수 있는 오류를 방지하기 위한 것세마포어, 크리티컬, 뮤텍스 syncchronized, wait/notify, java.util.concurrent package class Logger.pri

2020년 12월 11일
·
0개의 댓글
post-thumbnail

사용자 경험 개선을 위한 방법들

브라우저 렌더링 시 사용자 경험 개선을 위한 방법들사용자 경험 개선을 위해 (브라우저가 HTML보다 script 태그를 먼저 만나서 자바스크립트 파일을 실행하는 중에는 화면 렌더를 안하고 멈춰있다. 그래서 사용자가 멈춰있는 웹페이지를 보고 반복해서 새로고침을 눌러 불필

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

React 최적화 - 반응형과 throttle

반응형을 개발할 때 보통 media tag에 조건을 달아 display: none을 적용하는 방식으로 필요없는 요소를 감춘다.갱신이 잦은 요소가 아니라면 그것으로 충분하겠지만 리랜더링이 빈번하게 일어나는 요소라면 어떨까?당연히 DOM에 존재하지 않게 하는 것이 성능 개

2020년 11월 18일
·
1개의 댓글
post-thumbnail

Throttle와 Debounce

오늘은 쓰로틀과 디바운스에 대해서 알아보게겠습니다. 두 가지 기법 모두 DOM 이벤트가 발생했을 때 성능을 최적화하기 위한 기법입니다.예를 들어 보죠. 유저가 검색창에 "보드게임"을 입력한다고 생각을 해봅시다. input 이벤트를 걸어둔다면 검색어를 입력할 때마다 이벤

2020년 9월 5일
·
0개의 댓글

모든 수의 약수 개수 찾기(1초이내)

자연수 : 1 2 3 4 5 6 7 8 => 약수개수 : 1 2 2 3 2 4 2 4간단한 방법은 이중 for 문을 돌리는 방법이다.하지만 이렇게 하면 자연수 n 이 30,000 정도 넘어가면 1 초 이내 연산이 안된다약수의 개수를 구하는 것을 범위내의 배수의 개수

2020년 7월 22일
·
0개의 댓글

[OR/최적화]Operation Research(경영과학/운영과학) -1. OR이란?

OR은 경영과학, 운영과학 등으로 불리는 학문입니다.대기업화, 글로벌화로 기업의 규모가 커지고 기업을 구성하는 조직의 세분화, 구성원의 분업화, 전문화가 심화되었습니다.그러나 한 조직의 방향성이 다른 조직과는 반대될 수 있고, 무책임한 개인은 언제나 등장하여 조직의 능

2020년 7월 11일
·
0개의 댓글
post-thumbnail

React 렌더링을 잡자 🙈🙉

리액트에서 렌더링 된 컴포넌트가 다시 렌더링되는 경우는 다음과 같다.컴포넌트의 state가 변할 때컴포넌트의 props가 변할 때자신이 속한 상위 컴포넌트가 다시 렌더링되는 경우이와같은 특성 때문에 필요하지 않은 경우에도 컴포넌트가 다시 렌더링되어 성능을 떨어뜨릴 수도

2020년 6월 21일
·
0개의 댓글
post-thumbnail

성능 최적화 하기.

chrome developer tools 로 성능 확인하기 => inspector => performace => record (녹화버튼) 클릭.. => 원하는 Action 완료후 멈춤.Timing 이라는 곳에 들어가서 확인

2020년 6월 13일
·
0개의 댓글
post-thumbnail

[번역] MySQL의 ENUM 타입을 사용하지 말아야 할 8가지 이유

이 글은 Chris Komlenic의 글 8 Reasons Why MySQL's ENUM Data Type Is Evil을 번역한 글입니다. 원문은 링크에서 찾아보실 수 있습니다.

2020년 4월 5일
·
1개의 댓글
post-thumbnail

SQL 최적화에 대해서 맘대로 기록

sql 성능은 블록(페이지)의 접근 개수로 접근해야한다. 옵티마이저는 INDEX SCAN와 FULL SCAN을 ROW가 아닌 블록(페이지)으로 판단한다.라이브캐시에 저장된 최적화 파싱이 있으면 소프트 파싱을 하고 만약 없다면 최적화후 파싱한다.해시버킷에 파싱된 sql이

2020년 4월 2일
·
0개의 댓글

효율적인 Third-Party Script 로딩

서드파티는 단어 그대로 ‘제3자’를 의미합니다. 그러나 무엇인지 이해하기 위해선 ‘제1자’, ‘제2자’에 대해서도 이해가 필요합니다. 예시로 ‘제1자’, ‘제2자’, 제3자’ 인증을 생각해봅시다. 제1자 인증은 제품 혹은 서비스를 제공하는 개인 혹은 조직이 요구사항을

2020년 2월 21일
·
0개의 댓글
post-thumbnail

MobX (3) 심화적인 사용 및 최적화 방법

지난 포스트에서 MobX 의 기본적인 사용 방법과, 리액트에서는 어떻게 사용하는지 알아보았습니다. MobX 를 조금 더 복잡한 프로젝트에서 사용을 한다면 어떻게 해야 할까요? 추가적으로, 어떻게 해야 컴포넌트의 업데이트 성능을 최적화 하면서 프로젝트를 구성 할 수 있는

2018년 9월 8일
·
8개의 댓글