Vue.js란?웹 페이지를 만들기 위한 자바스크립트 기반 프론트엔드 프레임워크React의 가상 DOM을 활용한 성능 최적화의 장점과 Angular의 데이터 바인딩을 쉽게 처리할 수 있는 템플릿 기능의 장점을 따온 프레임워크Vue.js의 특징선언적 렌더링(Declarative Rendering)Vue는 표준 HTML을 템플릿 문법으로 확장하여 JS 상태(State)를 기반으로 화면에 출력될 HTML 을 선언적으로 확장할 수 있다.반응성Vue는 JS 상태(State) 변경을 추적하고, 변경이 발생하면 DOM을 효율적으로 업데이트하는 것을 자동으로 수행가상 DOM이란?일반적인 DOM 하나의 태그를 변경하는 경우 브라우저는 parsing -> style -> layout -> paint -> composite의..
fe
웹에서의 데이터 저장데이터를 서버가 아닌 클라이언트에 저장할 수 있다. 보통 로컬 스토리지, 세션 스토리지, 쿠키를 사용하고 가끔 Service workers를 사용한다.로컬 스토리지와 세션 스토리지의 차이는 서비스의 데이터 크기 차이고,쿠키는 보안 설정 같은 것을 할 수 있다. 개발자 도구 -> 애플리케이션 에서 확인할 수 있다. 로컬 스토리지지속적으로 필요한 데이터를 저장할 때 사용한다.백엔드 서버와 상관 없고, 브라우저를 껐다 켜도 유지된다. 키와 값으로 저장한다.window.localStorage.key01 = "value01";버튼 눌러서 저장되게 하기로컬 스토리지 저장 세션 스토리지일시적으로 큰 데이터를 저장할 때 사용한다.백엔드 서버와 상관 없고, 브라우저 껐다 키면 초기화된다.세션 스토리지..