09/30
JS 보안 관련
•
필드, 메서드명 맨 앞에 #을 붙이면 외부에서 접근이 불가능
•
return 외부에서 호출할 함수 하면, 외부에서 호출할 수 없고 class 내부에서만 접근 가능
JS 연산자 ?. 와 ??
•
obj가 undefined일 때 obj.a 처럼 접근하면 오류가 나는데,
obj?.a로 접근 시 undefined를 반환해준다.
•
obj.a??’’ 는 obj.a가 null 혹은 undefined일 시 ?? 뒤의 값을 반환해준다.
ajax beforeSend
•
ajax가 서버에 요청하기 전에 실행하는 로직
•
success와 error, complete 등 뿐 아니라 ajax에서 쓸 수 있는 함수 기억해두면 유용할듯?!
10/04
JS 연산자 !!
•
자바스크립트에서 느낌표두개(!!)는 다른 타입의 데이터를 boolean 타입으로 명시적으로 형 변환(Type Conversion)하기 위해 사용
var a = "test"; //a: "test" (조건문 적용시 true)
var b = !"test"; //b: false
var c = !!"test"; //c: true
JavaScript
복사
jQuery 선택자와 querySelectorAll의 차이
•
querySelectorAll은 NodeList를 반환
JS 메서드
•
find() : 어떤 요소의 하위 요소 중 특정 요소를 찾을 때 사용
•
trim() : 공백제거
Array.prototype.slice.call()
•
slice()****메서드는 어떤 배열의 begin부터 end까지(end미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환, 원본 배열은 바뀌지 않음.
Array.prototype.reduce()
•
reduce()****메서드는 배열의 각 요소에 대해 주어진 **리듀서**(reducer) 함수를 실행하고, 하나의 결과값을 반환
•
리듀서 함수는 네 개의 인자를 가집니다.
1.
누산기 (acc)
2.
현재 값 (cur)
3.
현재 인덱스 (idx)
4.
원본 배열 (src)
◦
리듀서 함수의 반환 값은 누산기에 할당되고, 누산기는 순회 중 유지되므로 결국 최종 결과는 하나의 값이 됩니다.
다른 포트끼리 세션 유지하는 방법
일반적으로 포트가 다르면 세션이 새로 생성된다. 하지만 포트 간 이동 시 세션이 유지되어야 하는 경우가 있다.
1.
톰캣 설정 수정
server.xml 에서 클러스터 추가
context.xml에서 Context 태그에 crossContext="true” 추가
Context 태그 내에 <CookieProcessor className="org.apache.tomcat.util.http.LegacyCookieProcessor" /> 추가
2.
프로젝트 내 web.xml에 세션 복제 태그 추가
<distributable /> 추가
했는데 세션 유지가 안된다면
3.
방화벽 인바운드 규칙, 아웃바운드 규칙에 해당 포트 추가
