TIL_230329_기술 면접 스터디 - 프레임워크와 라이브러리, Cache

📒 오늘의 공부

1. 기술 질문 스터디

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

• 소프트웨어 개발에 필요한 코드를 재사용할 수 있도록 도와주는 도구

  	프레임워크(Framework)	라이브러리(Library)
  개념	개발자가 작성할 코드의 구조와 흐름을 미리 정해놓은 도구	특정 기능을 수행하는 독립적인 코드 모음
  특징	정의된 규칙에 따라 개발	개발자가 필요할 때 호출
  비유	밀키트	팬트리
  EX	Next.js	axios

---

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

• 캐시(Cache): 데이터나 값을 미리 복사해 놓는 임시 저장소

• 캐시의 장점

  • 데이터 처리 속도 향상
  • 서버 부하 감소

• 캐시의 단점

  • 항상 최신 상태를 보장하지는 않아 업데이트 필요
  • 캐시되는 데이터의 양이 많으면 메모리 문제가 발생

• 활용 부분

  • 데이터를 반복적으로 가져와야 할 때
  • 데이터베이스, 네트워크, 파일 등의 처리 속도가 느릴 때

• 프론트엔드에서 캐시를 사용할 수 있는 영역

  • 브라우저 캐시: 서버에서 받은 리소스(이미지, CSS, JS, HTML 등)를 로컬에 저장하여 서버에 재요청 없이 캐시된 리소스를 사용
    -> 웹 페이지 로딩 속도가 향상
  • CDN 캐시: 전 세계에 분산되어 있는 캐시 서버에 웹 사이트의 리소스를 저장하는 방식으로 사용자가 웹 사이트에 접속하면, 가장 가까운 캐시 서버에 있는 리소스를 제공받아 더 빠르게 웹 페이지를 로드
    ex. Vercel 지역 설정
    

---

참고자료

노마드코더 - 라이브러리? 프레임워크?
[10분 테코톡] 📸소니의 Cache
얄코 - CDN이 뭔가요?