반응형

전체 글 22

[JAVA] Java Lambda Expressions

람다 표현식은 Java 8에서 소개된 기능으로, 함수형 프로그래밍 스타일을 지원하는 도구입니다. 람다 표현식을 사용하면 코드를 간결하게 작성할 수 있고, 컬렉션 데이터를 처리하는데 유용합니다. 이제 람다 표현식을 사용하여 간단한 예제를 살펴보겠습니다. 람다 표현식은 다음과 같은 구문으로 작성됩니다. (매개변수) -> { 실행문 } 예를 들어, 정수형 리스트를 반복하면서 각 요소를 출력하는 코드를 작성해보겠습니다. 기존의 방법과 람다 표현식을 사용하는 방법을 비교해보면 다음과 같습니다. import java.util.Arrays; import java.util.List; public class LambdaExample { public static void main(String[] args) { List n..

[JSTL] 1 - Core Tags

JSTL(JSP Standard Tag Library)은 JSP 페이지에서 자주 사용되는 로직을 태그 형태로 제공하는 라이브러리입니다. JSTL은 자바 코드를 줄이고, 코드의 가독성을 높이며, 유지보수성을 향상하는 장점이 있습니다. 1. 변수 설정과 삭제 : 변수를 설정합니다. : 변수를 삭제합니다. 2. 조건문 처리 : 조건문을 처리합니다. Hello John! 3. 다중 조건문 처리 : switch-case 문과 같이 다중 조건문을 처리합니다. The color is red. The color is blue. The color is neither red nor blue. 4. 반복문 처리 : 반복문을 처리합니다. ${item} 5. 외부 자원 가져오기 : 외부 자원을 가져옵니다. 6. URL 처리 :..

Polyfill

JavaScript Polyfill은 웹 브라우저가 새로운 JavaScript 기능을 지원하지 않을 때, 해당 기능을 구현하는 코드를 말한다. 즉, 오래된 웹 브라우저에서도 최신 JavaScript 코드를 사용할 수 있게 해준다 예를 들어, ES6에서 추가된 Array.from() 메소드는 오래된 웹 브라우저에서 지원되지 않는다. 따라서, 이 기능을 사용하려면 polyfill을 사용해야 한다. Polyfill은 Array.from() 메소드가 지원되지 않는 웹 브라우저에서 이를 대신할 수 있는 코드를 작성하여, 해당 기능을 사용할 수 있도록 한다. Polyfill을 구현하는 방법에는 여러 가지가 있는데 일반적으로는 먼저 지원 여부를 체크하고, 지원하지 않을 경우에만 해당 기능을 구현하는 코드를 실행하는 ..

Yarn vs NPM

Yarn vs. NPM 은 모두 Node.js 프로젝트에서 패키지를 관리하기 위한 도구로, 패키지를 설치하고 의존성을 관리하는 기능을 제공합니다. 이 두 도구를 비교해보면 다음과 같은 차이점이 있습니다. 1. 성능 Yarn은 NPM보다 더 빠르게 의존성을 설치하고 관리할 수 있습니다. Yarn은 의존성을 병렬로 설치하므로 NPM 보다 더 빠릅니다. 2. 보안 Yarn은 패키지 무결성을 검증하기 위해 해시 체크섬을 사용합니다. 이를 통해 패키지를 다운로드할 때 변조 여부를 확인할 수 있습니다. 3. 사용성 Yarn은 NPM보다 좀 더 사용하기 쉽습니다. Yarn은 의존성 버전을 일관성 있게 유지하면서 업데이트하는 'yarn upgrade' 명령어를 지원하며, 의존성 트리를 더 직관적으로 표시합니다. 4...

History back 시 무한 로딩 애니메이션 발생

하기 코드와 같이 상세페이지에 이동할 때 Form submit 처리 시 로딩 애니메이션을 실행하는 경우 History back(뒤로가기)를 클릭하는 경우 무한 로딩 애니메이션이 발생되는 경우가 발생된다. function goDetail(id) { let frm = document.detailForm; frm.action = "/detail.do"; frm.id.value = id; frm.submit(); $('#loading').show(); } 위와 같은 이슈 발생 시 beforeunload 이벤트에 로딩 애니메이션을 종료 시켜 주면 된다. beforeunload 이벤트는 사용자가 페이지를 떠날때 발생되는 이미지로 뒤로가기, 새로고침, 브라우저 종료, Form Submit 등에서 beforeunloa..

[Tip] 두 날짜 사이의 날짜 구하기

Bootstrap Datepicker 달력에서 예약한 날짜를 Disabled 처리를 하기 위해 시작일과 종료일 사이의 날짜를 구하는 함수 function getDateRange(startDate, endDate, listDate) { var dateMove = new Date(startDate); var strDate = startDate; if (startDate == endDate) { var strDate = dateMove.toISOString().slice(0,10); listDate.push(strDate); } else { while (strDate < endDate) { var strDate = dateMove.toISOString().slice(0, 10); listDate.push(st..

반응형