자주 사용하는 말

bundle

꾸러미 묶음 보따리
소프트웨어 구입시 딸려오는 패키지(꾸러미) 재품들
번들링
여러 제품을 하나로 묶는 작업
번들링의 size를 줄이는 방법은 ?

레이지로딩(Lazy loading)

필요시점 까지 객체의 초기화를 연기시키는 디자인패턴
로딩바 같은것 화면의 멈춤과 같은 지연부분을 로딩중이다 라고 클라이언트에게 말해주는 ?

코드 분할(Code Splitting)

엡 규모가 크거나 서드파티 라이브러리 추가 시 용량이 큰것을 추가할경우 번들된 엡의 용량은 커진다

그러면 처음 로드되는 시간이 길어진다.
응용프로그램의 성능 저하 리소스 낭비
번들이 거대화 하는것을 방지하기 위해 코드분할(code splitting)을 사용하여 번들을 나누는것
코드분할은 lazy loading을 통해 앱 사용자에게 성능 향상
사용자가 필요하지 않는 코드를 불러오지 않게 하여
엡의 초기화 시간을 줄여줌
(막상 적고보니 이거 따로 적은적이 있음...치매인가...)
react.lazy
Route-based code splitting
ssr code splitting

웹 사이트 퍼포먼스 분석

웹사이트의 퍼포먼스를 체크할 수 있는 사이트
http://me2.do/FXheWEEf

웹사이트의 퍼포먼스를 체크할 수 있는 사이트 | koreawebdesign.com

https://website.grader.com/

Website Grader

옵티마이제이션(Optimization)

최적화,가장 효과적인 상태, 최대한의 이용

리팩터링(refactoring)

결과의 변경없이 코드 구조를 재조종함

사용자가 보는 화면은 변화없이
내부 논리나 구조를 바꾸고 개선하는 유지보수의 행위
필드 은닉,메서드 추출, 타입 일반화, 메서드 이름 변경

오래전 자바 책에선
여기저기 중복된 코드는 모아서 하나의 메소드로 만들고, 의미가 불명확한
메소드 이름은 명확한 이름으로 바꾸고, 하나의 메소드가 지나치게 길다면
보다 짧고 이해하기 쉬운 메소드들의 조합으로 바꾸면 코드가 훨씬 깔끔해지고 
관리하기도 쉬워질 것이다. 이와 같이 리팩토링은 겉으로 보이는 동작의 
변화없이 소프트웨어의 내부구조(디자인)을 바꾸는 작업니다. 
이해하기 어려운 코드를 리팩토링하여 이해하기 쉽게 할 수 있고, 새로운
기능을 추가하기 전에 리팩토링을 하여 기능추가가 쉽도록 코드 구조를 
바꿀 수도 있다. 요구사항이 바뀌거나 새로운 요구사항이 추가되면서 이를
코드에 반영하다 보면 코드가 처음에 의도했던 디자인과 점점 멀어질수 있는데, 
이때도 리팩토링을 통해 디자인을 항상 적절한 상태로 유지시킬 수 있다.

코드리뷰(Code Review)

개발자가 코드를 작성하고 다른 개발자가 정해진 방법을 통해 검토하는 일을 말한다.
아래 코드리뷰 방법에 대해선 좀더 알아보자.
패어프로그레밍(동료프로그래밍)
비공식 워크스루(Imformal workthroughs)
공식 소프트웨어 검사 등