투케이2K

[개발 환경 설정] ​ 개발 툴 : VS CODE 개발 언어 : Vue Js [그림 설명] ​ [main.js - 소스코드] ​ // [main.js 설명] // 1. 애플리케이션 진입점으로 Vue 초기화, 폴더 , 전역, 컴포넌트 , 라이브러리 등록 수행 실시 // 2. import App 을 사용해 최상위 App.vue 컴포넌트 지정 실시 // 3. createApp mount 를 사용해 index.html 파일 div id 값 설정 및 렌더링 시작점 지정 실시 // 4. router : 라우터는 웹페이지 간의 이동하는 방법 및 경로를 설정해주는 파일입니다 // 5. app.config.globalProperties : 글로벌 변수를 선언합니다. 변수 명칭은 $변수명칭 을 지정합니다 // [애플리케이..

[웹 스토리지 화면] ​ [웹 스토리지 (Web Storage) 란 ?] ​ 1. 웹 스토리지(Web Storage)는 서버가 아닌, 클라이언트(브라우저)에 데이터를 저장할 수 있도록 지원하는 기능입니다 ​ ​ 2. 웹 스토리지(Web Storage)는 Key 와 Value 형태로 브라우저에 데이터를 저장할 수 있습니다 ​ ​ 3. 웹 스토리지(Web Storage)는 HTML5 부터 출시되었으며, 약 5MB까지 저장 공간을 이용할 수 있습니다 ​ ​ 4. 웹 스토리지(Web Storage)는 대부분의 브라우저에서 모두 지원하며, 세부 지원 사항을 아래의 url을 통해서 확인할 수 있습니다 ​ - 웹스토리지는 HTML5를 지원하지 않으면 사용할 수 없습니다 ​ - 지원 브라우저 확인 url 정보 : ht..

[설 명] ​ 1. 크롬 F12 개발자 도구를 사용해서 저장된 로컬 스토리지, 세션, 쿠키 정보를 확인할 수 있는 방법입니다 [방법 설명] ​ 1. 크롬 브라우저 실행 >> 키보드 F12 단축키 클릭 >> 크롬 개발자 도구를 활성화합니다 ​ ​ 2. 크롬 개발자 도구 >> 상단 Application 메뉴 >> 좌측 Storage 메뉴 >> 로컬 스토리지 , 세션 , 쿠키 정보를 확인합니다

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. 로컬 스토리지 : 동일한 컴퓨터에서 동일한 브라우저를 사용할 때 데이터가 저장됩니다 (브라우저를 닫아도 유지됨..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. 로컬 스토리지 : 동일한 컴퓨터에서 동일한 브라우저를 사용할 때 데이터가 저장됩니다 2. 로컬 스토리지는 여러..