본문 바로가기

CS

(4)
브라우저 저장소(Local storage, session storage, cookie) 브라우저가 새로고침이나 재접속이 될 때 초기화 되지 않아야 하는 데이터들은 브라우저 상에 저장하여 사용한다. Local Storage - 브라우저를 종료하게 되도 데이터를 보관함 - 도메인이 같을 경우 전역적으로 데이터가 공유 - setItem(key, value) 형태로 데이터를 저장함 - getItem(key)로 저장된 데이터를 불러옴 Session Storage - 브라우저가 종료되면 데이터는 삭제 됨 - 도메인이 같더라도 브라우저가 다르면 데이터가 공유되지 않음 - setItem(key, value) 형태로 데이터를 저장함 - getItem(key)로 저장된 데이터를 불러옴 Cookie - 4kb 의 용량 제한, 한 사이트당 20개의 쿠키를 가질 수 있음 - 쿠키에 정보를 담아서 서버에 보내면 서..
Parameter와 Argument parameter (매개변수) - 해당 값이 함수 내에서 어떤 역할을 할지 정의 - 매서드 선언부에서 정의한 변수 argument (인수) - 함수나 메서드 호출 시, 전달되거나 입력되는 실제 값 function sum(num1, num2) { //num1, num2가 parameter return num1 + num2; } sum(4,3); //4,3이 argument
웹페이지가 브라우저에 렌더링 되는 과정 1. html 파싱 -> dom트리 생성 주소의 서버가 html 파일을 브라우저로 전송하게 됨 이 html 코드는 8비트의 데이터 형태로 전송됨 전송받은 바이트 데이터를 문자로 변환함 작은 노드들(head, body 태그,,)이 모여 하나의 Dom 트리가 됨 2. CSS 파싱 -> CSSOM 트리 생성 브라우저에서 전달받은 CSS파일을 문자로 변환함 3. Layout 요소의 크기나, 위치들을 토대로 레이아웃 트리 생성 Dom 트리와 CSSOM 트리를 하나로 합친 모습 예를 들어, display:none 과 같은 경우 렌더트리에 포함되지 않음 4. 페인트 텍스트, 색, 그림자 등 시각적인 모습들을 그리게 됨 5. Composite 페인트 단계에서 만든 레이어를 화면에 픽셀로 표현함 나뉘어져있던 레이어를 합..
Rest, RestfulApi REST (Representational State Transfer) - 자원을 이름으로 구분하고 자원의 정보들을 주고 받는 것 - 클라이언트와 서버 사이의 통신 방식 중 하나 - 정보 전달 : json, xml을 통해 데이터를 주고 받는 것이 일반적임 Method - GET : 정보 가져오기 - POST: 새로운 정보 추가하기 - PUT : 정보 업데이트 - PATCH : 정보를 부분적으로 업데이트 - DELETE : 정보 삭제 Restful API REST의 설계 규칙을 올바르게 지켜서 설계된 api를 말함