웹 스토리지 (Web Storage) 웹 스토리지란 HTML5부터 제공하는 기능으로, 해당 도메인과 관련된 특정 데이터를 서버가 아닌 클라이언트 웹 브라우저에 저장할 수 있도록 제공하는 기능입니다. 웹 스토리지의 개념은 Key - Value 쌍으로 데이터를 저장하고, 키를 기반으로 데이터를 조회하는 패턴입니다. 웹 스토리지는 영구 저장소 (LocalStroage) 임시 저장소 (SessionStorage)를 따로 두어 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능합니다. 웹 스토리지는 쿠키와 마찬가지로 사이트의 도메인 단위로 접근이 제한되어, A도메인에 저장한 데이터는 B도메인에서 조회할 수 없습니다. 웹 스토리지가 필요한 이유 쿠키와 웹 스토리지 모두 브라우저에 저장되지만 쿠키의 단점..

항상 Javascript로 개발을 하다 보면 React, Angular, Vue 등 많이 들어봤을 것이다. 처음에는 항상 묶어서 말을 하길래 각각 다른 회사에서 만든 프레임워크인줄 알았다. 하지만 React는 프레임워크가 아닌 라이브러리였다. 대체 프레임워크와 라이브러리는 무슨 차이인지 알고 싶어 정리해 보았다. 프레임워크 (Framework) 프레임워크는 뼈대나 기반구조를 뜻합니다. 프로그래밍을 진행할 때 필수적인 코드, 알고리즘 등과 같이 어느 정도의 구조를 제공해 주기 때문에 프레임워크를 사용하는 개발자는 만들어 놓은 뼈대를 사용하여 코드를 작성해 프로그램을 개발합니다. 즉 프레임워크가 정해준 방식대로 클래스, 메서드들을 구현하도록 도와주는 툴입니다. 프레임워크의 특징 특정 개념들의 추상화를 제공하..

웹페이지가 브라우저에 랜더링되는 과정을 설명해주세요. A. 브라우저창에 주소를 입력하면 DNS가 연결해줄 곳을 찾습니다. 연결되면 서버에서 텍스트로 이루어진 HTML과 CSS를 넘겨받아 파싱하여 각각 DOM, CSSOM을 생성합니다. 완성된 DOM트리와 CSSOM트리를 합쳐 Render Tree를 통해 노드들의 정확한 위치와 크기를 계산해서 그립니다. 이 과정을 거치는 중 HTML 파서가 Script 태그를 만나게 되면 Javascript코드를 실행하기 위해 파싱을 중단하고 제어권한을 자바스크립트 엔지에 넘겨, 자바스크립트 코드 또는 파일을 로드해서 파싱하고 실행됩니다. 이 모든 과정을 거치게 되면 화면에 HTML요소를 실제 화면에 나타내게 됩니다. Restful API에 대해 설명해주세요. GET,PO..

Hoisting 이란? TDZ란? A. 호이스팅은 변수나 함수의 선언만 유효 범위의 최상단으로 옮기는 것 입니다. 자바스크립트의 모든 선언에는 호이스팅이 일어나지만 let const class를 이용한 선언문은 호이스팅이 발생하지 않는거처럼 동작합니다. var는 초기화 단계가 동시에 일어나지만 let const는 초기화 단계가 실행 시점에서 실제 선언부를 만날 때 초기화가 이루어지는데. 그 사이 시간을 TDZ(Temporary Dead Zone)이라 합니다. 그렇기에 실행 컨텍스트에 변수는 선언됬지만 메모리가 할당되지 않아 Reference Error가 발생합니다. parameter와 argument의 차이에 대해 설명해주세요. A. parameter와 argument의 차이점은 쓰임에 있습니다. par..