[JavaScript] 자바스크립트 배열 중복 제거하는 방법.

2021-07-11 자바스크립트 내에서 중복된 값을 가지는 여러 인덱스들이 존재하며, 이를 제거하고 싶어질 수가 있는데, 이럴 경우 일일이 for문과 같은 루프를 돌리는 것보다 간단히 제거하는 방법이 있다. 이 방법을 알아보자. - 예제 아래의 예제는 간단한 문자들을 가지고 있는 배열이며, 불필요하게 중복되는 문자열이 다수 존재하는 것을 확인할 수 있다. const arr = ['W', 'W', 'o', 'o', 'r', 'l', 'd'] console.log(arr) // [ 'W', 'W', 'o', 'o', 'r', 'l', 'd' ] - Set set이라는 자료구조는 중복된 값을 포함할 수 없다. 오로지 유니크한 값들만 가지게 되는데, 이를 활용해보자. const arr = ['W', 'W', '..

• format_list_bulleted WEB/JavaScript
• · 2021. 7. 11.
• textsms

[JavaScript] 자바스크립트 bind() 메소드 알아보기.

2021-07-11 자바스크립트 내에서는 개발자가 직접 바인딩할 대상을 지정할 수 있는 몇 가지 메서드가 있는데, 그중에서 오늘은 bind에 대해서 알아보도록 하자. - 예제 아래는 간단한 사람이라는 객체이며, 객체 필드로 자신의 이름과 나이 이를 출력하는 간단한 함수가 정의 되어 있다. const person = { name : "king" ,age : 25 ,myInfo : function(){ console.log("나의 이름은 " + this.name + "이며, 나이는 " + this.age + "입니다." ) } } - bind와 unbind 된 객체 const person = { name : "king" ,age : 25 ,myInfo : function(){ console.log("나의 이..

• format_list_bulleted WEB/JavaScript
• · 2021. 7. 10.
• textsms

[JavaScript] 자바스크립트 Destructuring 디스트럭처링 알아보기.

2021-07-08 자바스크립트를 공부하던 도중 흥미로운 기능을 발견했다. 바로 디스트럭처링(Destructuring) 풀어서 구조 분해라고도 하는 자바스크립트 만의 고유 문법이다. 아래의 예제를 보자. - 예제 1 const arr = ['king', 'world'] const name1 = arr[0] const name2 = arr[1] console.log(name1) // king console.log(name2) // world 위와 같은 배열 형식의 값을 변수에 다시 담을 경우 보통은 해당 배열의 인덱스 번호를 기준으로 하여 값을 지정할 것이다. 하지만 디스트럭처링을 사용하면 조금 더 간단하게 이를 해결할 수 있다. 바로 다음 예제를 살펴보자. const arr = ['king', 'worl..

• format_list_bulleted WEB/JavaScript
• · 2021. 7. 8.
• textsms

[JavaScript] 자바스크립트 alert() 줄바꿈 br / Enter 키 적용법

2021-06-28 일부 기능 구현중 인터셉터 및 아니면 단순 alert를 사용해야 하는 경우가 있다. 단순 텍스트가 짧을 경우에는 상관없지만, 텍스트가 20자 이상 될 경우 상당히 alert 창이 지저분 해보일 수 가 있는데, 이럴 경우 줄 바꿈을 해주면, 사용자 입장에서 조금 더 깔끔하다고 느낄 수 있다. 방법은 아래와 같다. alert("텍스트\\n줄바꿈후텍스트") 역슬래시 두번에 영문자 n을 사용하면 깔끔하게 줄바꿈 처리가 된다. jsp 에서 구현할 때는 단순 스크립트 태그 안에 아래와 같이 구현하면 되며, alert('로그인이 필요한 페이지 입니다. \\n로그인 화면으로 이동합니다!'); 자바 class 내부에서 사용할 때는 아래와 같이 구현하면 된다. PrintWriter out =respon..

• format_list_bulleted WEB/JavaScript
• · 2021. 6. 28.
• textsms

[JavaScript] 자바스크립트 option selected 값 가져오기

2021-06-20 웹 애플리케이션 내부에서 카테고리를 부여하는 경우 select 태그를 사용하는 경우가 있는데, 이러한 경우 어떻게 자바스크립트에서 해당 select 태그 중 선택된 option의 값을 체크하고 가져오는지를 알아보자. - 예제 아래는 게시판의 카테고리를 설정하는 html select태그이다. 해당 카테고리를 사용자가 변경할 때마다 changeSelect() 함수를 호출하게 되는데, 이 함수에 따라 각 게시판의 링크로 이동하게 된다. 카테고리 자유게시판 치료게시판 리뷰게시판 아래는 자바스크립트 changeSelect() 함수 코드이다. 함수를 보면 우선적으로 document.getElementById 를 통해 전체 select id를 추출해 변수로 선언해 준다. 이후 if 조건 문을 통해..

• format_list_bulleted WEB/JavaScript
• · 2021. 6. 20.
• textsms

[Spring] 업로드 파일 삭제 / 게시판 파일 삭제 쉽게 하는 방법

2021-06-19 - 사전 준비 ● pom.xml 추가 코드 commons-io commons-io 2.5 스프링을 사용함에 있어 파일 업로드 라이브러리를 사전에 준비해 두어야 한다. 사용 라이브러리는 commons-io를 사용했으며, 해당 라이브러리 기준으로 설명한다. ● servlet-context.xml 추가 코드 빈으로 CommonsMultipartResolver도 기본적으로 등록되어 있다는 전제가 필요하다. ( 위의 두 코드는 해당 파일에 붙여 넣기 하면 된다.) - 로직 처리 아마 게시판이 삭제되면서 이미지를 제거해야 하거나 사용자 프로필 사진 삭제에 따른 디렉터리 내에서 해당 파일을 지워야 될 경우 이러한 고민을 하게 된다. 방법은 간단하다. 코드를 살펴보자. //파일 경로 지정 Strin..

• format_list_bulleted WEB/Spring
• · 2021. 6. 19.
• textsms