7/21(금) 데일리 과제

◾️ 프레임워크와 라이브러리 차이점에 대해 설명해주세요.

프레임워크는 애플리케이션 개발하기 위한 일정한 요소와 틀, 규칙과 메뉴얼을 제공하는 소프트웨어를 말하고, 라이브러리는 애플리케이션을 개발하기 위해 사용되는 도구라고 생각할 수 있습니다. 두 가지 모두 프로그램을 쉽게 개발할 수 있게 도움을 준다는 공통점이 있고, 차이점은 개발 프로세스의 제어권이 누구에게 있느냐가 가장 큰 차이점이라고 할 수 있습니다. 프레임워크는 개발자가 그 틀과 규칙에 맞게 개발을 해야하고 , 라이브러리는 개발자가 필요할 때 호출하여 능동적으로 사용할 수 있습니다.

 

프레임워크 : React, Vue, Angular ...

라이브러리 : chart.js, Lodash, js-cookie ...

◾️ 캐시의 장단점과 어떤 부분에 활용하는지 설명해주세요. 프론트엔드에서 캐시를 사용할 수 있는 2~3가지 영역을 제시해주세요.

cache(캐시)란 자주 사용하는 데이터나 값을 미리 복사해놓는 임시 장소를 가리킨다. 아래와 같은 저장공간 계층 구조에서 확인할 수 있듯이, 캐시는 저장 공간이 작고 비용이 비싼 대신 빠른 성능을 제공한다.

 

캐시에 데이터를 미리 복사해 놓으면 계산이나 접근 시간 없이 더 빠른 속도로 데이터에 접근할 수 있다. 결국 캐시란 반복적으로 데이터를 불러오는 경우에, 지속적으로 DBMS 혹은 서버에 요청하는 것이 아니라 Memory에 데이터를 저장해두고 사용하는 것을 말합니다. 

 

📌 캐시의 종류

Local Cache 

- Local 장비 내에서만 사용되는 캐시로, Local 장비의 Resource를 이용한다.

- Local에서만 작동하기 때문에 속도가 빠르다.

- Local에서만 작동하기 때문에 다른 서버와 데이터 공유가 어렵다

 

Global Cache

- 여러 서버에서 Cache Server에 접근하여 사용하는 캐시로 분산된 서버에서 데이터를 저장하고 조회할 수 있다.

- 네트워크를 통해 데이터를 가져오므로 Local Cache에 비해 상대적으로 느리다.

- 별도의 Cache서버를 이용하기 때문에 서버간의 데이터 공유가 쉽다.

 

📌 캐시 활용 영역

1. 이미 방문했던 페이지의 리소스를 캐시해서 다음에 동일한 페이지를 방문했을 때, 리소스를 다시 다운로드 하지 않도록 할 수 있다.

2. 웹 페이지에 방문할 때마다 변하지 않는 정적 자산(static asset)을 저장한다. (ex: 로고, 백그라운드 이미지 등)