스토리지( Storage ) 란 무엇인가? 스토리지는 로컬 스토리지(localStorage) 와 세션 스토리지(sessionStorage)로 나눌 수 있습니다. 그렇다면, 이 로컬 스토리지와 세션 스토리지가 어떠한 것인 지 에 대해서 간단히 설명드리도록 하겠습니다. 스토리지는 HTML5 에서 추가된 저장소이고, 스토리지에 키-밸류 , 즉 간단한 키와 값을 저장할 수 있도록 해주는 것입니다. 그렇다면, 로컬 스토리지와 세션 스토리지의 차이점은 무엇일까 ? 로컬 스토리지와 세션 스토리지의 가장 큰 차이점은 데이터의 영구성이다.
분류 전체보기
https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. jquery.com 위의 페이지에 들어가서, Download 부분에 들어가서 , Download the uncompressed, development jQuery 3.6.4 해당 부분을 클릭한다. 그러면 ..
앞서 배운 자바와는 다르게 , 자바스크립트 에서는 문자열은 ' ' ( 홑따옴표) 로 나타낼 수 도 있고, " " ( 쌍따옴표 ) 로 나타낼 수 있으며, 둘은 다른 점이 없습니다. 자바스크립트에서 문자열과 관련하여, 가장 주의할 점이 있는데, 그것은 바로 자바스크립트에서 웹을 통해 받은 모든 것은 문자열로 취급한다는 것이다. 예컨대, 1234 를 웹페이지에서 읽어온다 하여도, 자바스크립트는 이를 문자열로 취급한다는 것이다. 이를 밑의 코드를 통해서 자세히 살펴보도록 하겠다. // id가 val1 인 span 태그가 있다고 가정해보자 // 예컨대, html 에 다음과 같은 태그가 존재한다고 가정해보자 // 1234 const val1 = document.getElementById("val1").innerTe..
자바스크립트에서 함수를 선언하는 방법은 크게 두가지가 존재합니다. 바로 함수 표현식(Function Expression ) 과 함수 선언식(Function Declaration)입니다. 그렇다면, 밑에서 직접 각각의 방식으로 함수를 만들어서 살펴보도록 하겠습니다. // 자바스크립트에서 함수를 선언하는 방법1 ==> 함수 표현식(Function Expression) // 밑에서 정의한 두 함수 모두 num1 과 num2 를 더한 값을 리턴해주는 함수이다. const func_sum = function(num1,num2){ if (typeof(num1) == "string" ){ // num1 이 문자열이라면, 더하기가 안되고, 문자열 결합이 되는 것을 방지하기 위한 것 num1 = Number(num1);..
CSS( Cascading Style Sheet ) 로 앞선 블로그 글에서도 봤듯이, CSS는 HTML에 스타일, 즉 , 디자인을 붙여주는 언어이다. CSS에서 중요한 것은 '우선순위' 에 대하여 이해하여야 한다는 것입니다. CSS 우선순위가 중요한 이유는 여러 곳에 스타일을 주다 보면, 중복되는 상황이 발생하는 경우가 다반사이다. 이 우선순위를 이해하지 못하면, 스타일 규칙이 제대로 적용되지 않을 수도 있습니다. 그렇다면, 어떻게 우선순위가 정해지는 지 확인해보도록 하자. 1. 중요도(Importance) : !importance 키워드가 지정된 스타일 규칙은 다른 규칙보다 우선합니다. 2. 직접적 우선순위(Specificity) : 스타일 규칙의 선택자가 명시적이고 구체적일수록 우선순위가 높습니다. ..
오늘은 JDBC 관련 파트가 끝나고, 웹으로 들어가기 위한 필수 통과 관문인 HTML ( HyperText Markup Language) 과 CSS ( Cascading Style Sheet ) 에 대해서 배우게 되었다. HTML은 웹페이지에 공간을 만들고, 그 공간을 무엇으로 메울지 설정해주는 언어라고 생각하면 편하다. 그리고, CSS 는 공간들을 어떻게 꾸미는 지 , 즉 디자인을 설정해주는 언어라고 보면 된다. HTML은 태그들로 이루어진다고 볼 수 있다. 그렇다면 , 태그들은 다 똑같지 않고 각자들만의 특징을 가지고 있는데, 이를 통해서, 몇 가지 태그에 대해 알아가보도록 하려고 한다. 우선, 보통의 태그는 시작 태그와 종료 태그가 두 개 존재하는데, 빈 태그는 그러하지 않다. 빈 태그는 단순히 시..
