js 파일로 빼내지 않고, 서버 뷰 페이지를 사용하여 분할뷰나 include 를 사용하여 페이지 구성을 하고 있을 때 사용하기 적합하다.모듈화는 주로 이런 용도가 아니라 객체를 대신하여, 하나의 유틸리티 같은 모듈을 만들때 사용되지만서버뷰 페이지 jsp, asp.net, php 등의 경우 index라는 페이지 속을 영역별로 각각의 페이지로 쪼갰을 떄index 페이지에 스크립트를 몰아 넣을때 용이하다.-- 아래의 사용자는 가짜  사용자 데이터다 koreanjson 의 fake json 데이터를 가져다 사용하였다 아래의 예시가 Spring 에서 index.jsp안에 페이지를 분할했을 때의 예시다. User Section Todo Section Blog Section   위..

프로젝트가 바뀔때 마다 유효성 검사 코드를 매번 외우고 있는 것이 아니라서기존에 작성했던 코드를 찾게 되는일이 발생하여 포스팅으로 백업해 두려고 함예제 코드에만 jQuery 를 사용하고 실제 코드는 일반 스크립트를 사용하며각 메소드에 매개변수를 enum 값을 받지 않도록 수정해여 사용하는 것도 방법이다. 예제는 HS란 객체로 구현함- jsFiddle 의  html 영역에 코드를 넣고 테스트 가능합니다. 유효성 검사 테스트 검사

https://craftpip.github.io/jquery-confirm/  jquery-confirm.js | The multipurpose alert & confirmA multipurpose alert & confirm plugin, alternative to the native alert() and confirm() functions. Supports features like auto-close, themes, animations, and more.craftpip.github.io    설명보다는 사이트에 한번 가서 직접 보는것이 빠르다.위 사이트에는 여러가지 기능들에 대한 도움말이 있지만, 샘플로 Alert 과 Confirm 을 작성 하였다.아래 코드를 jsfiddle 의 html 영역에 복사..

c# 에서 매우 많이 사용하는 String 확장메소드를 JavaScript에 구현하여 사용해 보았다.아래는 문자열 확장메소드에 대한 설명1. String.prototype.format C#의 String.Format 메서드와 유사한 기능을 제공합니다. 문자열 내의 자리 표시자(예: {0}, {1} 등)를 매개변수로 전달된 값들로 대체합니다. 예를 들어, "Hello, {0}!".format("World")는 "Hello, World!"로 변환됩니다. 2. String.isNullOrEmpty 이 메서드는 주어진 문자열이 null, undefined, 또는 빈 문자열인지 여부를 검사합니다. C#의 string.IsNullOrEmpty 메서드와 동일한 역할을 합니다. 이 메서드를 사용하면 문자열이 유효한지 ..

https://jsonplaceholder.typicode.com/guide/ JSONPlaceholder - GuideGuide Below you'll find examples using Fetch API but you can JSONPlaceholder with any other language. You can copy paste the code in your browser console to quickly test JSONPlaceholder. Getting a resource fetch('https://jsonplaceholder.typicode.com/posts/jsonplaceholder.typicode.com JSONPlaceholderJSONPlaceholder는 프론트엔드 개발자들이 비동..

# JavaScript에서 문자열 성능과 메모리 효율성을 최적화하는 방법JavaScript에서는 StringBuilder와 같은 전용 클래스는 없지만, 성능과 메모리 효율성을 향상시키는 방법이 있습니다.1. 성능 개선문자열을 자주 수정하거나 연결해야 할 때, 기존 문자열을 매번 복사하고 새로운 객체를 생성하는 것은 성능에 부담이 됩니다. 이 문제는 배열에 각 문자열을 저장한 후, join 메서드를 사용해 최종 문자열을 생성하는 방식으로 해결할 수 있습니다. 이를 통해 불필요한 메모리 할당을 줄이고, CPU 리소스를 절약할 수 있습니다.2. 메모리 효율성C#이나 Java의 StringBuilder처럼, JavaScript에서도 메모리 효율성을 고려해야 합니다. 문자열 조작이 많을 경우, 배열을 사용해 부분..

jQuery 플러그인 중 문자열 태그를 영역에 Append 할때 유용한 플러그인 출처 : https://github.com/BorisMoore/jquery-tmpl - 출처에는 사용법에 대한 예시가 상세히 나와 있습니다. GitHub - BorisMoore/jquery-tmpl: The original official jQuery Templates plugin. This project was maintained by the jQuery team aThe original official jQuery Templates plugin. This project was maintained by the jQuery team as an official jQuery plugin. It is no longer in act..