# 최적화

12개의 포스트
post-thumbnail

[최적화] 이미지 압축과 사이즈 조절로 웹 사이트 최적화하기,로딩속도와 TBT 개선(+이미지 압축 사이트 추천)

현재 개발 중인 예약관리 서비스에 이미지 최적화를 적용해보자 사이트 첫화면 로그인 컴포넌트 아래에 서비스에 대해 설명하는 부분을 넣고 싶었다.보다 효과적으로 서비스를 어필하기 위해스크롤에 반응하는 애니메이션 효과를 입힌 이미지와 설명을 넣어 구현했는데...화면이 버벅이

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

[최적화] lazy loading 레이지 로딩으로 로딩 속도를 개선해보자

날짜, 인원, 요금 범위를 지정해 원하는 조건의 숙소를 검색하는 기능을 가진지난 프로젝트 때 만든 에어비엔비 클론 사이트다.서버에서 2999개의 숙소 데이터가 넘어온다.처음 메인 화면에서 전체 숙소 데이터를 보여주는데,3000개에 가까운 데이터가 한번에 화면에 나오니

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

React 최적화 - 반응형과 throttle

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

2020년 11월 18일
·
0개의 댓글
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개의 댓글