개발 무지렁이

웹의 취약점, state less 페이지(page)를 이동할때마다 상태정보가 모두 사라진다. a페이지에서 사용했던 정보들(변수, 객체...)이 b페이지로 이동하면 모두 사라진다. 단, 웹은 정보를 하나하나 전송하는 기능은 있다, get, post방식 => 정보의 영속성을 유지하기 위한 저장메커니즘이 필요하다.(없어도 그만인 정보) 🌝 클라이언트쪽에 저장하는 기술 - 단점: 사용자가 직접 보기, 삭제가 가능하다 🍘 Cookie (문자열형태만 저장가능, 요청(request)이 있을때마다 서버로 매번 쿠키를 전송한다, 과부하) 👣 WebStorage (브라우저 안의 저장소) - localStorage: 만료기간 없이 삭제하지 않으면 평생유지 - sessionStorage: 세션이 유지되는 동안에만 정보유지 (..

DOM(Document Object Model) 웹페이지가 로드될 때, 브라우저가 생성하는 문서객체모델 (element기반, Tree형태) (문서의 구조화된 표현을 제공) WHY? DOM을 기준으로 element를 찾아서, 추가, 속성추가, 제거 등 재구성할 수 있다 DOM에 결과 반영 및 렌더링 BOM(Browser Object Model) 원래 브라우저(Browser)가 내장하고 있는 객체 (window, document, location, history, screen, navigator)

𐂂 자바스크립트 (JavaScript) 웹페이지의 보조적 기능을 수행하기 위한 경량 프로그래밍 언어로 시작 프론트엔드(front-end)와 백엔드(back-end)를 모두 다루는 '범용 프로그래밍 언어'로 성장 ➼ 🦔 JavaScript의 표준화 모든 브라우저에서 동작하기 위한 버전관리 [🗿 ECMA: 컴퓨터 시스템 표준을 관리하는 기구] ECMAScript6(ES6) : 범용 프로그래밍 언어로써 갖춰야할 기능을 대거 도입한 표준화된 자바스크립트 버전 JavaScript = ECMAScript🦴 + 클라이언트사이드 Web API (브라우저 별도지원) 𖠃 V8 자바스크립트 엔진 자바스크립트 코드를 빠르게 컴파일 및 실행, JIT(Just-In-Time) 컴파일러 도입 (그 밖에도 옵티마이저[코드 실행패턴 ..