![]()
원래는 프로젝트를 국비지원 학원에서 배우던 스프링 프레임워크와 MAVEN 을 사용하여, 프로젝트를 진행하려고 했다. 그러나 , 이 생각을 뒤집고 , 팀원들과 의견을 조율하여 , 스프링 부트와 Gradle 을 사용하기로 했다. 이렇게 생각을 바꾸게 된 이유는 여러가지가 있지만, 나에게 있어서는 마음가짐의 변화가 크다. 세미 프로젝트를 진행하고, 학원 사람들과 친해지고 많은 이야기를 하면서 배운 것이 많고, 느낀 점이 많았기 때문이다. 나는 국비 학원을 다니면서, 학원 선생님이 가르쳐 주는 부분에 대해서만 잘 알고 , 공부해야 겠다고 생각했다. 그러나, 몇몇의 학원 사람들은 나와 다르게 선생님이 가르쳐 주는 것에만 그치지 않고 , 오히려 안 배웠던 부분에 대해서 주체적으로 공부해나가기 시작했다. 이를 보고,..
스토리지( 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) : 스타일 규칙의 선택자가 명시적이고 구체적일수록 우선순위가 높습니다. ..
