본문 바로가기

Codeit Frontend PB

(4)
GIT 기본 명령어 정리 - 1 보호되어 있는 글입니다.
Web API: Pagination ➡️ 정리에 참고한 영상입니다.http://www.example.com/products?limit=50   페이지네이션이란 데이터를 나눠서 가져와 렌더링해주는 것이다.예를 들면 온라인 쇼핑몰에서 1~10페이지까지 상품 목록을 조회하는 것이나, 넷플릭스에서 콘텐츠 더보기란을 눌러10개 혹은 20개씩 추가로 콘텐츠를 조회하는 동작 등을 말한다. 페이지네이션 동작 기법에는 크게 두가지가 있다. 이 두가지에 대한 동작 원리를 알아보자. 1️⃣ Offset-based Pagination Client측에서 request를 보낼 때 제공해야 하는 정보는 limit과 offset이 있다.아래 경우, 101~150 item들을 가져온다.GET/products?limit=50&offset=100 📌 Limit: 한 페이..
Cookie, sessionStorage, localStorage에 관하여 Cookie, sessionStorage, localStorage 모두 웹에서 사용되며,무엇인가의 상태를 저장한다는 공통점을 가지고 있다. 각각의 차이점에 대해 하나씩 알아보자.🍪HTTP 쿠키(웹 쿠키, 브라우저 쿠키) Using HTTP cookies - HTTP | MDNA cookie (also known as a web cookie or browser cookie) is a small piece of data a server sends to a user's web browser. The browser may store cookies, create new cookies, modify existing ones, and send them back to the same server with later ..
JavaScript: 비동기 실행과 Promise 동기(Synchronous) 프로그래밍 vs 비동기(Asynchronous) 프로그래밍 ★ 동기 코드는 연산이 완료될 때 까지 기다린 후, 다음 코드라인을 실행한다.즉, 다음 코드 라인은 연산이 완전히 완료된 후에만 실행된다.각 연산이 순서대로 실행되기 때문에 코드의 흐름을 이해하기 쉽다는 장점이 있지만대용량 파일 처리, 웹서버 요청, 소켓 통신 같이 시간이 오래걸리는 특정 작업의경우 전체 시스템이 차단될 수 있다는 단점이 있다. ★ 비동기 코드는 현재 연산이 완료되지 않더라도 request만 보내놓고, 다음 코드 라인을 실행할 수 있다.I/O 작업, 네트워크 호출 같이 시간이 많이 소요되는 작업 수행 시 비동기 프로그램이 프로그램의 효율을 매우 높여준다.복잡한 작업을 background에서 수행하고, ..