[JSP] EL문에서 JSONObject 호출하는 방법알아보기.

2021-07-19 EL문에서 JSONObject를 호출하는 방법을 알아보자. (물론 DTO를 사용해서 객체화시킨 후 전달하는 방법도 하나의 방법이다.) - 예제 //model 값으로 전달해준 JSONObject 객체 //의 get 메소드를 사용하고 key 값을 // " " 감싸서 매개값으로 주면 // 해당 키에 해당 하는 값(value)를 // 추출할 수 있다 ${jsonObj.get("result_code") } 매우 간단한다. 컨트롤러나 서비스 단에서 사용했던 JSONObject의 get 메소드를 동일한 방식으로 EL문에서 사용하면, 마찬가지로 view 단에서도 해당 제이슨 객체의 정보를 불러올 수 있다. 물론 forward로 JSONObject객체를 view에 전달해야지 가능하다. 메인 이미지 출..

• format_list_bulleted WEB/JSP
• · 2021. 7. 19.
• textsms

[JavaScript] 자바스크립트 apply() 통한 바인딩 알아보기.

2021-07-18 자바스크립트에서는 객체를 바인딩하는 몇 가지 메서드가 존재하는데, 그중에서 오늘은 apply를 알아보도록 하자. - 예제1 //사람의 정보 함수 function person(name, age){ this.hisName = name; this.hisAge = age; } const person1 =new person('king', 25); // 학년이 추가된 학생 함수 function student(name, age, grade){ person.apply(this, [name,age]) this.hisGrade = grade; } const student1 = new student('kking', 30, 5); console.log(person1.hisName); //king conso..

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

[Maven] 메이븐 JsonObject 라이브러리 JsonParser/Json-simple

2021-07-17 웹 프로젝트를 진행하다 보면 데이터를 주고받는 과정에서 JSON 형태로 주고받는 경우가 많이 있다. 이경우 라이브러리 추가 및 메이븐에서 의존관계를 주입해야 한다. 자주쓰는 JSON 라이브러리 두 가지가 있는데, 상황에 따라 필요한 라이브러리를 사용하면 된다. - pom.xml dependencies에 아래의 라이브러리를 추가해주면 된다. 둘다 넣어도 되고 자신이 사용하고 싶은 라이브러리를 선택해서 해당 의존관계만 주입해주어도 된다. org.json json 20180813 com.googlecode.json-simple json-simple 1.1 - 관련 링크 직접적인 라이브러리 링크도 같이 확인해보면 된다. org json 링크 https://mvnrepository.com/ar..

• format_list_bulleted WEB/Maven
• · 2021. 7. 17.
• textsms

[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