[JSP] 캐시 방지 & 캐시 삭제 팁

캐시 방지 둘 중 하나 사용하면 된다. JSP 페이지 - 공통 jsp파일에 해당 코드 추가 CSS, JS 각각에 추가 하지만 현재시간은 계속 갱신된다는 단점으로 인해 클라이언트에서 용량이 많은 css나 js파일을 내려받는데에 속도가 느린 현상이 생길수가 있는데, 해당 문제가 발생한다면 개발자가 특정 행위(메뉴 수정, 관리자 페이지 내 캐시 갱신, 갱신용 서버 링크 호출 등)를 하고나면 DB에 해당 시간이 적재되어 해당 시간을 받아서 JS를 갱신할 수 있기 때문에 클라이언트 속도 + JS캐시 갱신문재를 해결하기 위해 좋다. 캐시 삭제 Ctrl + Shift + R = 강력한 새로고침(시크릿 창 처럼 캐시 제거하도록 해서 수정된 것 반영)

→2021.03.22

[ES6] 비구조화 할당과 Spread & Rest

비구조화 할당 const user = { name: 'stir', password: '1234' }; const { name, password } = user; //'stir', '1234' Spread const user = ['stir1', 'stir2']; const allUser = [...user, 'stir3']; //'stir1', 'stir2', 'stir3' Rest const user = { name: 'stir', password: '1234', id:'constant',}; const { name, ...test2 } = user; console.log(name); //stir console.log(test2); //1234, constant //rest는 나머지라는 뜻으로 name..

→2021.02.10

[ES6] Arrow Function(람다식 함수) 사용법 및 this

1. 사용법 // 일반 함수 let test = function(x){ console.log(x); } // 람다식 함수 let test2 = (y) => { console.log(y); } test("안녕"); test2("반가워"); 안녕 반가워 2. 사용법2 let test = (x, y) => x + y; let test2 = y => y; console.log(test('안', '녕')); // {} 중괄호 없이 사용하면 return 하지 않아도 return된다. console.log(test2('안녕')); // 매개변수가 1개일 경우 () 소괄호 생략 가능 안녕 안녕 2. 일반 함수 - this.param은 부르는 함수의 값으로 결정된다. param = '환영합니다.'; function te..

→2021.02.08

JSP 내에 쓰일 수 있는 태그 종류

1. 종류와 표현 방법 JSP 태그 : EL : ${} JSTL 태그 : jQuery 템플릿 문법 : {{= }} 2. 사용 목적 JSP 태그 - .jsp 파일 내에서 자바의 기능을 사용할 수 있게 해준다. EL - JSP 태그의 기능을 대체한다. JSP 태그를 이용해서 들고 올 수 있는 변수를 더 짧은 문법으로 가져올 수 있다. JSTL 태그 - JSP 태그를 이용하다 보면 를 과도하게 많이 쓰게 되는 경우가 있는데 그러면 코드의 가독성이 지나치게 떨어지는 경우가 있다. 그럴 때 JSTL를 사용한다. jQuery 템플릿 문법 - 제이쿼리로 선택 된 요소에 '템플릿'과 '데이터'를 전달할 수 있는데 전달된 데이터를 매칭시키는 데 사용함. 3. 데이터를 가져오는 방식 JSP 태그 - 컨트롤러 단에서 req..

→2021.01.21