*:;전체보기;:*696

• 

  클로저 사용시 주의할 점. 클로저 유의사항, 반복문, setInterval, 실행시점 클로저 사용시 주의할 점. 클로저 유의사항, 반복문, setInterval, 실행시점 (그 전에 클로저에 대해 알고싶으신 분들은 아래의 Link를 참고하세요.) Link : javascript closure 자바스크립트 클로저의 개념 쉽게 이해. 클로저란? javascript closure 자바스크립트 클로저의 개념 쉽게 이해. 클로저란? javascript closure 자바스크립트 클로저의 개념 쉽게 이해. 클로저란? 자바스크립트 하면 빠지지 않는 것 중에 하나가 클로저(Closure) 입니다. 하지만 이것을 사용하지 않는다고 해서 개발을 못하진 않죠. 그렇.. aljjabaegi.tistory.com [[1. 반복문에서의 클로저]] 예를 보면서 설명 하겠습니다. 1 2 3 4 5 6 7 8 9 va.. Programing/JavaScript 2017. 5. 25.

• 

  javascript closure 자바스크립트 클로저의 개념 쉽게 이해. 클로저란? javascript closure 자바스크립트 클로저의 개념 쉽게 이해. 클로저란? 자바스크립트 하면 빠지지 않는 것 중에 하나가 클로저(Closure) 입니다. 하지만 이것을 사용하지 않는다고 해서 개발을 못하진 않죠. 그렇다고 몰라도 되는 개념은 아닙니다. 클로저의 정의는 매우 다양합니다. 이 책에서는 이렇게 저 책에서는 저렇게 정의 하죠. 예를 들면 '클로저는 내부함수가 외부함수에 context에 접근 할 수 있는 것을 가르킨다.' '생명주기가 끝난 객체에 접근할수 있는 것 이다' '외부함수의 실행이 끝나서 소멸된 후에 내부함수가 외부함수에 변수에 접근하는 매커니즘이다.' 뭐 다 처음에는 뭔데? 하는 생각만 들죠. 여러가지 예를 보면서 이해하는 방법 밖에 없습니다. 자바스크립트의 스코프에 대한 이해.. Programing/JavaScript 2017. 5. 23.

• 

  경북 영천 맛집 육회비빔밥 맛집 '화평대군' 경북 영천 맛집 육회비빔밥 맛집 '화평대군' 육회 비빔밥 하나로 영천을 평정한 '화평대군' 입니다. 정말 간만에 '진짜' 육회비빔밥을 먹은거 같네요 ㅎㅎ 위치는 지도 참고 하시고 아래 간판을 찾으시면됩니다. 건물도 아주 깔끔해요 ㅎㅎ 주차 공간도 많이 있습니다. 육회 비빔밥을 시키면 된장찌개가 세트로 나옵니당 ㅎ 된장찌개랑 저 상추도 겁나 맛있습니다. 된장찌개 근접샷 ㅎㅎ 육회 근접샷 ㅎ 개인적으로 고추장을 많이 넣지 않는 관계로 ㅎㅎ 희끗희끗하지만 맛은 정말 존맛입니다..ㅋㅋ 영천에 가시면 '화평대군'에서 한숱가락 하고 가시죠 ㅋ 맛집정보 2017. 5. 23.

• 

  javascript sort 자바스크립트 배열 정렬 방법 오름차순 내림차순 javascript sort 자바스크립트 배열 정렬 방법 오름차순 내림차순 자바스크립트의 배열을 정렬 할때는 sort 메소드를 사용하죠. 하지만 이는 문자열 오름차순이라 숫자를 정렬할때는 주의해야 합니다. $(function(){ var array = [10,3,1,4,5,7,9,0]; array.sort(); console.log(array); }); 결과 : 0, 1, 10, 3, 4, 5, 7, 9 이렇기 때문에 오름차순, 내림차순 같이 원하는 방식으로 정렬이 안되죠. 이는 문자열로 정렬 하기 때문입니다. 이럴 땐 sort 메소드의 매개변수로 함수를 넣어주면 됩니다. $(function(){ var array = [10,3,1,4,5,7,9,0]; array.sort(function(left, ri.. Programing/JavaScript 2017. 5. 23.

• 

  javascript this 알짜만 빼먹기! this 마스터! javascript this 알짜만 빼먹기! this 마스터! Javascript로 개발을 할 때 this는 정말 많이 활용됩니다. 각 상황별 this에 바인딩 되는 객체를 잘못 파악한다면 원하지 않는 결과를 가져올 수 있습니다. 그래서! 각 상황별 this에 바인딩되는 객체를 예제를 통해 확인해보겠습니다. 전역에서의 this 전역에서의 this는 window를 가르킵니다. 객체 내 메소드의 this const obj = { a: "a", func: function(){ console.log(this); } } obj.func(); 객체 내 함수의 this는 자기 자신(obj) 을 가르킵니다. 생성자 함수 내 this 생성자 함수 내의 this는 자기 자신(Test) 이 바인딩 됩니다. Class 생성자.. Programing/JavaScript 2017. 5. 22.

• 

  엑셀 콤보박스 만들기 데이터 유효성 검사 엑셀 콤보박스 만들기 데이터 유효성 검사 엑셀에서 콤보박스를 만들기 위해선 유효성 검사라는 메뉴를 활용하면 됩니다. 우선 위와 같이 이름에 정해진 특정 이름들만 콤보박스로 나오게 하고 싶다면 해당 셀을 선택한 후 아래와 같이 데이터>데이터 유효성 검사 를 선택합니다. 그럼 아래와 같은 창이 나오게 되고 제한대상은 '목록' 으로 원본에 특정 이름들을 콤마(,) 로 구분하여 넣어 주시면 됩니다. 그럼 아래와 같이 해당 셀이 콤보박스로 변경되고, 클릭을 하게 되면 아래와 같이 콤보박스가 생성된 것을 확인 하실 수 있습니다. 이렇게 작성하였을 때 전에 원본에 넣어준 특정 이름을 제외한 다른 이름을 넣게 되면 아래와 같이 경고창이 뜨는 것을 확인 하실 수 있습니다. 엑셀 콤보박스 만들기 끝~ MS Office/Excel 2017. 5. 12.

• 

  javascript 웹에서 RTMP 출력 상용 Flash Flowplayer 사용. ※Flowplayer 가격정책이 월마다 지출하는 것으로 변경되었습니다. 이점 참고 하세요. javascript 웹에서 RTMP 출력 상용 Flowplayer 사용. http://flash.flowplayer.org/plugins/streaming/rtmp.html 위의 주소를 클릭하면 Flash Flowplayer 를 사용해 RTMP를 라이브 스트리밍 할 수 있다는 것을 알수 있습니다. 하지만 이는 구매를 해야 사용이 가능합니다. 로컬 테스트 시는 문제가 없지만 도메인 등록을 하지 않으면 domain not allowed 라는 에러가 발생하게 됩니다. https://flowplayer.org/pricing/player.html 위의 페이지로 이동하게 되면 도메인 갯수에 따라 금액이 다른 것을 확인할 수 .. Programing/Streaming 2017. 4. 18.

• 

  Javascript YouTube 웹에 유투브 동영상 출력 .js Javascript YouTube 유투브 동영상 출력 .js 같은 프로젝트에 여러군데 동영상을 출력해야 되서 js 로 묶어봤습니다. 헤더에 두줄 추가하면 됩니다. 위의 uTubePlayer.js 경로는 아래 js 파일을 원하는 곳에 다운받아 그 경로랑 맞춰주면 됩니다. DownLoad : Play 는 uTubePlayer.settingVideo('adVideo', 'rht_uiteReE', 480, 770); 첫번째 매개변수는 동영상을 출력할 div의 id, 두번째는 출력할 동영상 id 세번째는 height, 마지막은 height 입니다. 동영상 id는 유투브에서 동영상 출력시 나오는 url 주소에 나와있습니다. https://www.youtube.com/watch?v=rht_uiteReE Programing/API 2017. 4. 7.

• 

  Spring Interceptor 활용 세션 설정 인터셉터 세션설정 ajax, 페이지연결 구분 Spring Interceptor 활용 세션 설정 인터셉터 세션설정 ajax, 페이지연결 구분 이전 포스팅에서 AOP를 사용하여 세션을 체크 했었는데.. 이것에 문제가 있었죠. 아무리 리다이렉트를 해도 페이지가 넘어가지 않았던것..(분명 됐던거 같지만..) 원인은 차근차근 찾아보기로 하고.. (↓안된다....) Link : AOP 설정을 활용한 세션체크 그래서 찾아본 것이 Spring 의 Interceptor를 활용해서 세션을 체크하는 방법입니다.. 그럼 이 방법에 대해서 알아보겠습니다. 우선 로그인 세션을 체크하는 클래스를 작성합니다. -- 코드 텍스트 public class LoginCheckInterceptor extends HandlerInterceptorAdapter{ public boolean.. Programing/Spring 2017. 3. 31.

• 

  javascript 이번달 시작일, 말일 구하기 javascript 이번달 시작일, 말일 구하기 이번달이 3월이라면 20170301, 20170331 을 배열에 담아 리턴 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 fn_getThisMonth : function (){ var value = []; var now = new Date(); var nowYear = now.getYear(); var firstDate, lastDate; var formatDate = function(date){ var myMonth = date.getMonth()+1; var myWeekDay = date.getDate(); var addZero = function(num){ i.. Programing/JavaScript 2017. 3. 30.

• 

  javascript 이번주 시작, 끝 날짜 구하기 javascript 이번주 시작, 끝 날짜 구하기 기존 기간 데이터로 받던 프로그램이 일간/주간/월간 데이터로 뽑게 해달라는 요청이 와서 급히 뽑은 함수. 이번주가 3월26일(일) 3월27일(월) 3월28일(화) 3월29일(수) 3월30일(목) 3월31일(금) 4월1일(토) 이라면 20170326, 20170401 을 배열에 담아 리턴한다. fn_getThisWeek : function (){ var value = []; var formatDate = function(date){ var myMonth = date.getMonth()+1; var myWeekDay = date.getDate(); var addZero = function(num){ if (num < 10){ num = "0"+num; } r.. Programing/JavaScript 2017. 3. 30.

• 

  무설치 톰캣 서비스 등록 방법 무설치 톰캣 서비스 등록 방법 설치판 톰캣은 자동으로 서비스가 등록이 되지만 무설치 판은 자동등록이 아니죠. 그래서 tomcat폴더/bin 에 startup.bat 과 shutdown.bat 으로 실행, 종료를 컨트롤 하죠 ㅎ 이렇게 수동이 아닌 윈도우 실행 시 자동으로 톰캣이 구동되도록 윈도우 서비스에 등록하는 방법을 알아보겠습니다. 톰캣이 설치된 경로의 bin 폴더로 이동하여 service.bat install 을 입력합니다. 그럼 Ther service 'Tomcat7' has been installed 라는 문구가 나오고 윈도우 서비스에 등록이 되게 됩니다. 그럼 위와 같이 서비스를 열었을 때 톰캣이 등록이 된 것을 확인 하실 수 있습니다. 그 후에 Apache Tomat 7.0 Tomcat7 에.. Programing/Network 2017. 3. 24.

• 

  정규식 사용 textarea url 자동 하이퍼링크 정규식 사용 textarea url 자동 하이퍼링크 1 2 3 4 5 6 7 function autolink(id) { var container = document.getElementById(id); var doc = container.innerHTML; var regURL = new RegExp("(http|https|ftp|telnet|news|irc)://([-/.a-zA-Z0-9_~#%$?&=:200-377()]+)","gi"); var regEmail = new RegExp("([xA1-xFEa-z0-9_-]+@[xA1-xFEa-z0-9-]+\.[a-z0-9-]+)","gi"); container.innerHTML = doc.replace(regURL,"$1://$2").replace(regEm.. Programing/JavaScript 2017. 3. 21.

• 

  Javascript 로컬 파일 실행, 윈도우 프로그램 실행하기 ActiveXObject Javascript 로컬 프로그램, 윈도우 프로그램 실행하기 ActiveXObject 고객요청사항으로 돋보기 같은 기능을 구현해 달라는 요청을 받았습니다... 이미지 돋보기는 여타 많은 쇼핑몰 사이트에 구현이 되어 라이브러리나 소스들이 많지만, 이번 요청은 이미지가 아닌 브라우저 전체 돋보기 기능이였습니다. 그래서 생각한게 윈도우에 있는 돋보기 기능을 활용하면 어떨까 하는 것이였습니다. 하지만 이는 브라우저 설정에서 ActiceX 관련 설정을 풀어주어야 합니다..(보안상 문제가 될 수 있음) (IE 11 기준) 그럼 소스를 우선 보도록 하시죠. - 텍스트 소스 function magnifier(){ try{ var objWSH = new ActiveXObject("WScript.Shell"); var r.. Programing/JavaScript 2017. 3. 15.

• 

  AOP 설정을 활용한 세션체크 AOP Session Check AOP 설정을 활용한 세션체크 AOP Session Check /****20170331 update ********/ 세션체크는 AOP를 활용한 방식보다는 Interceptor를 활용하는 방식을 추천합니다. 용도에 따라 Filter는 URI에 따른 인코딩, Interceptor는 로그인이나 권한, AOP는 로깅이나 에러처리에 적합합니다. Link : Spring Interceptor 활용 세션 설정 ajax, 페이지연결 구분 우선 AOP 에 대해 이해와 기본 설정방법을 알아야 하니 아래의 Link 를 참고 하도록 합니다. Link : Aop 설정을 활용한 모든 메소드 수행시간 출력 Link 를 참고해 Around aop 설정을 했다면 모든 메소드의 수행 시간이 출력 될 것입니다. 이제 메소드가 수행되기 .. Programing/Spring 2017. 3. 15.