로컬 스토리지는 key : value 쌍으로 이루어져 있는 데이터 이며, Value는 JSON 형태를 이루고 있는 문자열 이여야 한다. 스토리지를 사용할 때 로컬 스토리지와 세션 스토리지를 사용하는데 로컬 스토리지는 웹브라우저를 닫아 세션이 끊겨도 데이터가 영구적으로 보관된다. 그래서 중요한 데이터는 저장하지 않는다. 로컬 스토리지와 세션 스토리지의 데이터를 보려면 개발자 도구 -> Application에서 확인 할 수 있다. [로컬 스토리지 적용 이유] 회사에서 로컬스토리지를 이용한 이유는 리스트에서 열을 이동하고 검색을 하거나 다시 리스트를 불러 올때도 열이 이동된 상태로 유지되게 해달라는 요청 때문이였다. 먼저 위와 같이 Status 열을 오른쪽으로 옮길수 있어야 되는데 이 옵션은 reorderab..
자바스크립트의 함수를 호출하면서 매개변수 원시 타입 값은 값을 전달 받고, 객체는 주소를 전달 받는다. 객체는 주소를 전달 받기 때문에 함수 body에서 객체를 변경 하였을 경우 원본이 훼손된다. var changeVal = function(primitive, obj) { primitive += 100; obj.name = "kang"; } var num = 50; var obj = { name: "lee" }; changeVal(num, obj); console.log(num); //50 console.log(obj.name); //kang num은 원시타입으로 값을 그대로 전달 받았지만, obj는 객체이기 때문에 주소가 전달 되었고, 함수 body에서 name을 변경 하였더니 원본 자체도 name이 ..
호이스팅 모르면 아래 글 참조 https://deftkang.tistory.com/235 [JS] 자바스크립트 변수 호이스팅(hoisting) 쉽게 이해하기 자바스크립트는 인터프리터 언어여서 코드가 한줄 씩 순차적으로 실행된다고 생각하지만 소스 코드가 실행되는 런타임전에 자바스크립트 엔진에서 변수 선언이 먼저 실행된다. 변수 호이스팅 deftkang.tistory.com 변수 호이스팅은 변수 선언문이 런타임 이전에 실행되어 undefiend로 초기화 되지만 함수 호이스팅은 함수 선언문으로 초기화 된다. console.log(score); //undefiend console.log(add(3, 4)); //7 console.log(minus); //undefiend score = 80; var score;..
자바스크립트는 인터프리터 언어여서 코드가 한줄 씩 순차적으로 실행된다고 생각하지만 소스 코드가 실행되는 런타임전에 자바스크립트 엔진에서 변수 선언이 먼저 실행된다. 변수 호이스팅이란 호이스팅이란 끌어올린다는 뜻이다. 즉 변수를 위로 끌어올려서 먼저 실행시킨다는게 변수 호이스팅이다. 아래 예제 처럼 score 변수 선언 없이 그냥 출력하려고 하면 ReferenceError가 발생한다. console.log(score); //ReferenceError: score is not defined 아래 예제 에서는 출력문 밑에 score 변수를 선언하고 위에서 score를 출력 했지만 변수에 아무값도 할당하지 않은 값 undefiend가 출력 되었다. console.log(score); //undefiend var..
변수 선언과 값들에 대한 타입 자바스크립트는 변수를 선언할 때 타입을 미리 지정하지 않고, var 라는 한가지 키워드로만 변수를 선언한다. 변수의 값은 어떤 타입으로든 저장이 가능하며, 변수의 어떤 타입의 데이터를 저장하느냐에 따라 변수의 타입이 결정된다. var intValue = 10; console.log(typeof(intValue)); //number; var strValue = "string type"; console.log(typeof(strValue)); //string; var booleanValue = true; console.log(typeof(booleanValue)); //boolean; var functionValue = function() { return "hello world..
자바스크립트는 다른 언어들과 달리 차이점이 많다. 아래 반드시 알아야 할 타입 특징들을 정리해 보았다. 자바스크립트의 기본 타입 자바스크립트의 기본 타입은 숫자, 문자열, 불린값, null, undefined 타입 이 존재한다. 자바스크립트는 느슨한 타입 체크 언어다. 변수를 선언할 때 타입을 미리 정하지 않고, var 라는 한 가지 키워드로만 변수를 선언한다. 변수에 어떤 형태의 데이터를 저장하느냐에 따라 해당 변수의 타입이 결정된다. 자바스크립트는 하나의 숫자형만 존재한다. 정수형 실수형이 따로 없어서 5/2는 2가 아니라 2.5가 출력된다. 문자열은 작은 따옴표(') 나 큰 따옴표(")로 생성한다. null과 undefiend null과 undefiend 둘다 값이 비어있음을 나타낸다. null은 ..
1. 함수 선언문 function add(x, y) { return x, y; } 함수 선운문 방식에서는 반드신 함수명이 정의되어 있어야 한다. 2. 함수 표현식 var add = function(x, y) { return x + y; } console.log(add(3, 4)); 자바스크립트에서는 함수도 하나의 값처럼 취급되기 때문에 함수도 숫자나 문자열 처럼 변수에 할당하는 것이 가능하다. add가 실제로 참조하는 함수에 함수명이 없어 익명 함수 라고 한다. 만약에 함수명이 있으면 기명 함수라고 하며 외부에서는 참조가 불가능 하다. var add = function sum(x, y) { return x + y; } console.log(add(3, 4)); //7 console.log(sum(3, 4..
톰캣(Tomcat) 9.0 다운로드 방법 1) https://tomcat.apache.org/ Apache Tomcat® - Apache Tomcat 9 Software Downloads Welcome to the Apache Tomcat® 9.x software download page. This page provides download links for obtaining the latest version of Tomcat 9.0.x software, as well as links to the archives of older releases. Unsure which version you need? Specification versions tomcat.apache.org 2) 위 사이트 접속후 왼쪽 메뉴..
Tomcat설정과 동적 웹 프로젝트 생성, 인코딩(UTF-8) 세팅 JSP/서블릿의 프로그래밍을 위한 JSP 엔진(톰켓), 프로젝트 생성과 서버를 설정해야 한다. 세팅을 하기 위해선 먼저 JDK 환결설정과 톰캣이 깔려있어야 한다. JDK 환결설정 방법 [Java] JDK 환경변수 설정 이유와 세팅 방법 JDK 환경변수 설정 이유 Java 깔고 나서 바로 환경변수 설정을 바로 해야 한다. 왜냐하면 javac, java 등과 같은 도구를 사용하려면 경로를 설정해야 하는데 JDK/bin 디렉토리에 Java 소스 파일을 저장하는 경우.. deftkang.tistory.com Tomcat 다운로드 방법 [Web] 톰캣(Tomcat) 다운로드 및 설치방법 톰캣(Tomcat) 9.0 다운로드 방법 1) https:/..
JSP(Java Server Page) 개요, 정적과 동적 웹페이지 차이 JSP(Java Server Page)는 HTML내에 자바 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에게 돌려주는 언어이며, 웹 서버에서 동작한다. JSP의 목적은 동적인 웹 페이지를 효율적으로 생성하고 활용하기 위한 방법을 제공하고 있다. 웹 페이지는 크게 정적(Static)과 동적(Dyanamic)으로 나뉜다. 정적과 동적의 가장 큰 차이는 이미 만들어져 있는 문서만을 서비스할 것이냐 아니냐의 차이이다. 정적은 이미 만들어진 것만을 사용하는 것이고 동적은 클라이언트에게 실시간으로 정보를 가공 처리하여 서비스하는 것이다. 동적인 웹 페이지는 주로 데이터베이스 서버와 연동하여 웹 서버에서 처리한다. 즉 ..
HTTP 요청과 응답 메시지는 단순한 줄 단위의 문자열이다. 이진 형식이 아닌 일반 텍스트이기 때문에 사람이 읽고 쓰기 쉽다. 웹 클라이언트에서 웹 서버로 보낸 HTTP 메시지를 요청 메시지라 하고 서버에서 클라이언트로 가는 메시지는 응답 메시지라 부른다. 그 외에 다른 메시지는 없다. HTTP의 메시지의 구조는 시작, 헤더, 본문으로 이루어져 있다. 크롬으로 구조 파악하기 크롬 브라우저에서 F12를 눌러 보면 아래와 같은 화면이 뜬다. 그리고 빨간색 상자대로 화면을 이동시켜보자 첨에 사이트 들어가고 F12 를 눌르고 Network탭에 들어가면 아무것도 없는데 F5를 눌러 새로고침을 하면된다. 그리고 왼쪽 Name에서 가장 위쪽에 있는걸 누르고 Header를 보면 된다. 그러면 응답(Response)/요..
HTML(HyperText Markup Language)정의와 렌더링크롬 브라우저에서 https://deftkang.tistory.com/ 를 치고 화면으로 이동한 뒤 F12를 누르면하기에 Elements 탭에 무수한 코드들이 보일것이다. 위 그림의 코드는 HTML(HyperText Markup Language)라고 불리는 표준을 이용해서 작성한 것이다. 웹 페이지를 만들 때 사용하는 것이 바로 HTML 이며, HTML 표준에 정의된 , , , 등의 구성 요소를 이용해서 웹 페이지를 작성하게 된다. HTML을 이용해서 작성했다고 해서 HTML 문서라고 부른다. 웹 서버는 URL에 해당하는 HTML문서를 전공하고, HTML을 받은 웹 브라우저는 정해진 규칙에 따라 HTML 문서를 분석해서 알맞은 화면을 생..