backgroundKnowledge

SPA(Single Page Application) SPA (Single Page Application)란 서버로부터 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말합니다. 즉, 현재의 HTML을 고정하고 변경되는 부분에 대해서만 서버에서 불러와 클라이언트 사이드에서 렌더링하는 방...

HTTP(Hypertext Transfer Protocol) 인터넷상에서 데이터를 주고 받기 위한 서버/클라이언트 모델을 따르는 프로토콜 HTTP는 어떤 종류의 데이터든지 전송할 수 있도록 설계돼 있다. (HTTP로 보낼 수 있는 데이터는 HTML문서, 이미지, 동영상, 오디오, 텍스트 문서 등) 즉, 하이퍼텍스트 기반으로(Hypertext) 데이터를 전송...

SQL

HOF Higher-Order-Function 의 줄임말 하나 이상의 함수를 인자로 받는다. 함수를 결과로 반환한다. 함수 합성을 가능하게 해준다. HOF를 사용하면 유연하고 반복을 줄일 수 있는 코드를 작성할 수 있다. 함수를 다루는 함수 HOF를 이해하려면? 자바스크립트에서 함수는 1급 객체다. 함수를 값(변수)처럼 취급할 수 있다. -> 함수를 배...

Browser Chrome, Safari, Firefox, Internet Explorer 등 웹에서 페이지를 찾아서 보여주고, 사용자가 하이퍼링크를 통해 다른 페이지로 이동할 수 있도록 하는 프로그램 페이지 외에도 이미지, 비디오 등의 컨텐츠들을 렌더링 과정을 통해 보여줌 Rendering HTML,CSS, 자바스크립트 등 개발자가 작성한 문서가 브라우...

웹에서의 렌더링이란? HTML, CSS, JS 등 개발자가 작성한 문서들을 서버에서 응답받아 브라우저가 화면에 그려주는 동작 SSG(Static Site Generation) 변경되지 않는 웹 페이지의 최적화에 쓰임 SSR처럼 서버로부터 완성된 HTML을 받아오지만

URL을 주소 입력 창에 입력하면, 입력한 도메인이 있는 사이트로 접속하고 데이터를 가져와 화면에 그려진다. 이것을 조금 자세히 들여다보면 브라우저 주소창에 maps.google.com을 입력한다. url을 파싱한다. 브라우저가 maps.google.com의 IP 주소를 찾기 위해 캐시에서 DNS 기록을 확인한다. 만약 요청한 URL(maps.google...

자바스크립트는 기본적으로 동기 실행이다. 싱글스레드(단일스레드) 기반의 언어로 한 순간 하나의 작업만을 처리한다. > #### 싱글스레드 스레드가 하나라는 의미로 자바스크립트에는 콜스택이 하나이기 때문에 이름이 붙혀졌다. 콜스택 코드를 실행해주는 곳. 실행된 코드의 환경을 저장하는 자료구조, 함수 호출 시 Call Stack에 push 됨 하지만 오래걸리...