본문 바로가기
반응형

분류 전체보기706

[펌][Javascript] function(){}() - IIFE란? 출처 : https://findawayer.tistory.com/entry/IIE%EC%9D%98-%EC%9D%98%EB%AF%B8%EB%8A%94자바스크립트에서 이런 구문을 보신 적이 있으신가요?(function() { // 코드 })();제가 처음 이런 구문을 봤을 적엔 의아스러웠습니다. 괄호가 여기저기 겹쳐 붙어 있는 걸로 보일 뿐, 대체 무슨 구문인가 하고요. jQuery에서 사용하는 $(function() { });의 또다른 버전인가 하는 생각조차 들었습니다. (그렇지 않습니다) 이것은 퓨어 자바스크립트에서 거의 언제나 사용하는, IIFE(Immediately-invoked function expression: 즉시 작동하는 함수식)라는 구문입니다. "이 안에 들어있는 코드를 바로 실행해라" 라.. 2020. 10. 4.
[jQuery] 드래그 가능한 리스트 목록 만들기 (ft. jQuery UI - sortable) - 드래그 가능한 리스트 목록 만들기 - ~ 태그로 이루어진 리스트로 (꼭 이 구조가 아니여도 된다.) 드래그로 순서를 바꿀수 있는 목록을 만들어 보도록 하자. 드래그 기능은 jQeury UI에서 제공해주고 있는 sortable() 메서드를 사용할 것이다. 실제 코드를 봐보자. ▷ 드래그 가능한 리스트 만들기 코드 mine-it-record mine 1 mine 2 mine 3 mine 4 mine 5 위와 같이 구성을 해놓고 실행해보면 화면은 다음과 같다. 이제 위 코드에 대해 상세하게 알아보도록 하자. 위 예제는 jQeuryUI 홈페이지에서도 제공해주는 소스코드이다. https://jqueryui.com/sortable/ Sortable | jQuery UI Sortable Reorder elemen.. 2020. 10. 3.
[jQuery] 특정 DOM요소 앞뒤로 삽입하기 (ft. after()/before()& insertAfter()/insertBefore() ) - 특정 DOM요소 앞 뒤에 값 삽입하기 - 우선 제목에 나와있는 after(), insertAfter(), before(), insertBefore()에 대해 알아보자. 메소드 내용 after() 지정한 요소 뒤에 새로운 요소를 삽입 A.after(B) - A 뒤에 B를 추가 insertAfter() 지정한 요소 뒤에 새로운 요소를 삽입 A.insertAfter(B) - B 뒤에 A를 추가 before() 지정한 요소 앞에 새로운 요소를 삽입 A.before(B) - A 앞에 B를 추가 insertBefore() 지정한 요소 앞에 새로운 요소를 삽입 A.insertBefore(B) - B 앞에 A를 추가 이제 예제를 통해 접해보자. ▷예제1) $(".btnCtrl").click(function(){ v.. 2020. 10. 1.
[SPRING] @ResponseBody - jackson 라이브러리 활용하기 (ft. jackson 설정) - jackson 라이브러리 사용하여 @ResponseBody에서 사용하기 - 우선 jackson 라이브러리를 사용하기 위해서 pom.xml 설정을 해줘야 하는데 jackson 관련된 라이브러리를 전부 설정해주자. (사실 몇개만 있으면 사용가능하겠지만 귀찮으니 전부해주는것이다.) ▷pom.xml org.codehaus.jackson jackson-mapper-asl 1.9.2 org.codehaus.jackson jackson-core-asl 1.9.2 com.fasterxml.jackson.core jackson-core 2.5.1 com.fasterxml.jackson.core jackson-annotations 2.5.1 com.fasterxml.jackson.core jackson-databind.. 2020. 9. 16.
[JAVA] 자바_Map 선언과 동시에 초기화 하기 - Map/HashMap 선언과 동시에 초기화 하기 - 말 그대로 Map을 선언과 동시에 초기화 하는 방법에 대해 알아보자. map말고도 list 등 비슷한 구조를 가진 것들은 모두 가능하다. 예제 1) Map 선언 초기화 public class MapTest{ public static void main(String[] args){ Map mineMap = new HashMap() { { put("key1", "value1"); put("key2", "value2"); } }; } } 예제와 같이 선언과 동시에 초기화가 가능하며 해당 값을 변경하지 못하도록 static과 final 등을 조합하여 미리 선언하여 많이들 사용하고는 한다. 참고 : http://dveamer.github.io/backend/I.. 2020. 9. 16.
[OpenLayers] CQL filter 사용하기 (ft. geoserver WMS) - WMS CQL filter 사용하기 -geoserver에서 wms 를 가져올때 필터 조건을 사용하여 조건에 맞는 부분만 가져오는 방법에 대해 알아보자. 그냥 기존에 가져와서 사용하던 방식에서 params부분에 "CQL_FILTER"를 추가해서 넣어주기만 하면 된다.(윗부분은 항상 동일하니 script부분만 정리한다.) var sig = new ol.layer.Tile({ title : 'SIG', source : new ol.source.TileWMS({ url : 'http://192.168.200.200:8080/geoserver/mine/wms', params:{ 'VERSION': '1.1.0', 'LAYERS' : 'mine:SIG', 'BBOX':[746110.2515145557,14587.. 2020. 9. 9.
[Java Decompiler] .class 파일 디컴파일하여 소스보기 - .class 파일 소스보기 -프로젝트를 .war 파일로 배포를 할때 java파일들은 .class파일로 변경된다. 컴파일된 상태이기 때문에 읽을수 없게 되어있다. 그래서 이 코드를 읽고자한다면 디컴파일을 시켜야하는데 이클립스에도 플러그인이 존재한다고는하는데 쉽게 디컴파일을 도와주는 툴이 존재한다. http://java-decompiler.github.io/#jd-gui-download 해당 사이트에 들어가보자 그러면 위와같은 화면이 나올텐데 중앙에 JD-GUI에 Download탭에서 jd-gui-windows 버전을 다운로드 받아주자. 다운로드를 다 받았으면 압축을 풀어주면 다음과같은 구성일텐데 jd-gui.exe 파일을 실행해보자. 그리고 프로그램이 실행되면 .war 파일이나 .class 파일을 끌어.. 2020. 8. 27.
[Eclipse] 톰캣 Dynamic Web Module 버전 변경 ( Tomcat version x.x only supports J2EE 1.2, 1.3, 1.4, and Java EE 5, 6, and 7 Web modules ) - 웹 모듈 버전 변경하기 - 가끔 발생하는 이 에러는 Tomcat version x.x only supports J2EE 1.2, 1.3, 1.4, and Java EE 5, 6, and 7 Web modules 톰캣 버전별로 지원하는 웹 모듈 버전이 존재하는데 그게 서로 맞지않아 발생하는 에러이다. 해결 방법은 톰캣버전을 바꾸거나 웹 모듈 버전을 바꾸는것인데 이번에는 웹 모듈 버전을 바꾸는것에 대해 알아보자. [프로젝트 마우스 우클릭] - [Properties] - [Project Facets] 순으로 들어가주면 아래와 같은 화면이 나오는데 여기서 Dynamic Web module 버전을 변경해 주면 된다. 하지만 역시 쉽게 될리가 없지, 변경이 안된다.... 그러면 이제 다르게 접근해보자. .xml.. 2020. 8. 27.
[Eclipse] workspace 위치 확인 및 변경 (ft. Launcher 창 다시 나타내기) - 이클립스 워크스페이스 위치 확인 및 변경하기 (ft. 숨긴 런처 창 다시 나타내기) - 이클립스를 처음에 실행하면 아래와 같은 Epclipse Launcher 창이 나오는데 이 창은 Workspace 경로를 선택하는 창이며 아래에 보이는 [Use this as the default and do not ask again] 이라는 체크박스를 선택하면 이 런처 창이 다시는 나오지 않는다. 이 창을 다시 나오게 하려면 이클립스 내부에서 설정해주어야 하는데 함께 알아보도록 하자. - 이클립스 내부에서 워크스페이스 위치 변경하기 - 이클립스 내부로 들어가서 [File] - [Switch Workspace] - [Other...] 순으로 들어가주자. 그러면 맨 처음 나오던 런처 창과 비슷한 창이 하나 나오는데 여.. 2020. 8. 24.
반응형
TOP

티스토리툴바