티스토리

Developer DAVII

검색하기

블로그 홈

Developer DAVII

developer-davii.tistory.com/m

Java, Spring 서버 개발자의 성장통

구독자: 2

방명록 방문하기

728x90

반응형

주요 글 목록

[Javascript] eval() 사용방법 몇 개월간을 기다려오던 스터디 모임에서 스터디를 시작하기 위해 문제를 내주었다. eval() 함수를 이용해서 데이터를 확인하는 내용의 문제였다. 이 문제에서 가장 중요했던 부분은 eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('$(0(){$(".2").3();$(4).5(\'6\',"#7",0.. 공감수 0 댓글수 0 2021. 3. 12.
[Javascript] Moment.js 자바스크립트에서는 날짜/시간을 다루기 위해 Date 객체를 사용합니다. 다양한 출력 함수를 지원하고 있지만 필요한 기능은 직접 만들어야 할때가 있습니다. '2016-06-19' 이라던지 '07:40'같은 포맷을 출력하려면 별도 함수나 프로토타입 함수를 만들어야 합니다. 또한 서버, 브라우져의 시간대가 다를 경우 이를 고려하여 개발할 때는 여간 까다로운 일이 아니죠. moment.js는 이런 기능 뿐 아니라 자바스크립트 Date 객체를 좀 더 쉽게 다룰 수 있도록 도와 줍니다. 인스턴스 시간을 다루기 위해 Date 객체 대신 monent 객체를 사용합니다. moment 생성자는 다양한 문자열을 파라매터로 받을 수 있는데 두번 째 파라매터로 형식을 지정해 주면 됩니다. moment('2015-06-15', .. 공감수 0 댓글수 0 2021. 2. 16.
[Javascript] Thymeleaf 1. Thymeleaf 기본 표현 자세한 문법은 Thymeleaf 사이트의 튜토리얼을 참고하는게 좋습니다. 기본 표현, 조건문, 반복문 세가지를 중점으로 보겠습니다. Thymeleaf Document 참고 (https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#standard-expression-syntax) Simple expressions: Variable Expressions: ${...} Selection Variable Expressions: *{...} Message Expressions: #{...} Link URL Expressions: @{...} Fragment Expressions: ~{...} Literals Text li.. 공감수 0 댓글수 0 2020. 12. 10.
[Javascript] var, let, const 차이점 1. 변수 선언 방식 우선, var는 변수 선언 방식에 있어서 큰 단점을 가지고 있다. var name = 'bathingape' console.log(name) // bathingape var name = 'javascript' console.log(name) // javascript 변수를 한 번 더 선언했음에도 불구하고, 에러가 나오지 않고 각기 다른 값이 출력되는 것을 볼 수 있다. 이는 유연한 변수 선언으로 간단한 테스트에는 편리 할 수 있겠으나, 코드량이 많아 진다면 어디에서 어떻게 사용 될지도 파악하기 힘들뿐더러 값이 바뀔 우려가 있다. 그래서 ES6 이후, 이를 보완하기 위해 추가 된 변수 선언 방식이 let 과 const 이다. 위의 코드에서 변수 선언 방식만 바꿔보자. let name .. 공감수 0 댓글수 0 2020. 7. 29.
[Javascript] Lodash 사용해서 값찾기 lodash _.find() 알아보기 먼저 find()에 대하여 알아봅니다. find()는 원하는 값을 배열 / 객체에서 쉽게 찾아 사용할 수 있습니다. 배열의 경우 비교적 간단하게 원하는 값을 찾을 수 있지만 객체의 경우는 어떤가요? 뭔가 일치하는 값을 찾으려면 변환에 변환을 거치고 어렵게 원하는 값을 구할 수 있습니다. 하지만 find()를 사용하면 여러 값을 가지는 데이터에 대하여 매우 간단하게 원하는 값을 찾는 것이 가능합니다. 먼저 아래는 문법입니다. _.find(collection, [찾을 조건]) _.find(collection, {찾을 조건}) 찾을 Collection 대상에서 찾을 조건을 넘겨줘야 하는데 객체 / 배열 모두 가능합니다. 그렇다면 아래에서 예제를 통하여 어떻게 사용하는지 알.. 공감수 0 댓글수 0 2020. 6. 4.
[Javascript] 파일 업로드 화면 view js 파일 $(document).ready(function () { $('input[type=file][data-ipss-upload]').on('change', function (e) { var $this = $(this); var file = this.files[0]; if (!file) { return; } var accept = $this.attr('accept'); var isProductImage = $this.attr('data-ipss-upload-product-image'); var limit = $this.attr('data-ipss-upload-limit'); var dimension = $this.attr('data-ipss-upload-dimension'); var .. 공감수 0 댓글수 0 2020. 3. 31.
[Javascript] Input 값 실시간 감지 Input 타입에는 여러 가지가 있습니다. select, checkbox, text, password 등 수 많은 타입을 내장하고 있는데, select나 checkbox 같은 경우에는 값의 변경을 단순히 onchange로도 확인할 수 있습니다. 다만, text나 textarea의 경우에는 값을 적고 있을 때에는 onchange로는 값의 변경을 감지할 수 없습니다. 왜냐하면 onchange 이벤트가 걸리는 시점이 blur(focus와 반대로 오브젝트를 떠나는 시점)이기 때문입니다. 따라서 onchange로는 text나 textarea의 실시간 값 변경을 감지할 수 없습니다. 업무를 하던 중에 실시간으로 값의 변경을 감지해서 앞의 10글자 정도는 고정으로 가져가도록 유지하게 해야하는 때가 있었는데 찾아보니 .. 공감수 0 댓글수 0 2020. 2. 3.
[Javascript] 원하는 위치로 이동 div1로 이동 #2 : JQuery Import #3 : 스크롤 이동할 함수 작성 #4 : 이동하고 싶은 태그를 선택하여 offset()함수를 이용하여 절대좌표가 있는 객체를 가져온다. #5 : JQuery animate의 scrollTop 함수를 이용하여 절대좌표 top 위치로 이동한다. (400은 이동시간) (추가) 위 소스는 해당 div의 가장 맨위로 이동한다. 아래는 해당 div의 중간에 위치하도록 하는 방법이다. var offset = $("#div1").offset(); var winH = $(window).height(); $('html, body').animate({scrollTop : (offset.top - winH/2)}, 400); *offset - document 안에서의 위치 .. 공감수 1 댓글수 0 2020. 1. 28.
[Javascript] JSTL Function 정리 최상단에 다음과 같이 jstl functions 를 사용하겠다고 선언해야 함 1 cs 단독으로 사용할 수 없고 EL 표현식과 함께 사용해야 한다. ex. ${fn:contains(str, str)} ${fn:split(str, '|')} fn:contains(string, sbustring) string이 substring을 포함하면 return true 반환 fn:containsIgnoreCase(string, sbustring) 대소문자 관계없이 string이 substring을 포함하면 return true 반환 fn:startsWith(string, prefix) string이 prefix로 시작하면 return True fn:endsWith(string, suffix) string이 suffix.. 공감수 0 댓글수 0 2019. 8. 14.
[JavaScript] Exploprer에서 이모티콘 제대로 보여주기 스마트폰에 내장된 기본이모티콘 많이들 쓰시나요? 전 예전에는 ios랑 안드로이드랑 호환이 안되서 많이 안쓰다가, 최근에는 호환이 잘 되는 것 같아 자주 쓰고 있습니다. 그런데 이 이모티콘들, PC에서도 쓸 수 있습니다. 맥os: 타이핑 중, command+control+space 키[note]OS X 매버릭스의 새로운 이모티콘•특수문자 입력 방법 마스터하기[/note] 윈도우8: 터치키보드에서 이모티콘 선택[note]how to use emoji on windows 8[/note] 공통: 이모티콘 사이트( get emoji 등)에서 복사+붙여넣기 문제는 이 이모티콘이 이쁘게 적용되지 않는 브라우저들도 있다는 거죠. (여기서는 ie를 예로 들었지만 크롬에서도 비슷합니다..) 지원 안되는 브라우저들 시르다이.. 공감수 0 댓글수 0 2019. 6. 28.
[JavaScript] input(number) 입력 글자 수 제한 input type이 number일 때 입력 글자 수 제한하기 input type이 text일 때는 maxlength의 값만 주면 간단하게 해결 되지만 input type이 number 일 때는 maxlength가 정상 작동하지 않는다. 이럴 때는 input 속성의 oninput과 간단한 스크립트를 활용해서 해결 할 수 있다. ※ 예제) 생년월일을 입력하는 필드에 6자리로 입력 글자 수 제한하기 1. HTML 2. Script function numberMaxLength(e){ if(e.value.length > e.maxLength){ e.value = e.value.slice(0, e.maxLength); } } 공감수 1 댓글수 0 2019. 6. 26.
[JavaScript] Ajax 사용법 Prameter를 data에 넣어서 보내도 된다 jQuery.ajax({ type: "GET", data: {"userId" : userId, "svcNickname" : svcNickname, "startAt" : startAt, "endAt" : endAt, "searchVal" : searchVal, "status" : status}, url: url, success:function(data){ } }, //success 끝 error:function(requset,status,error){ } }); var json = {gender : gender , birth : birth , height : height }; var jsonData = JSON.stringify(json); Dto 형태로 j.. 공감수 0 댓글수 0 2019. 6. 25.
[JavaScript] JSTL substring 문자열 자르기 생일 문자열 자르기 사이즈 : ${fn:length(birthdate) } 1번 :${fn:substring(birthdate,0,4) } 2번 :${fn:substring(birthdate,5,7) } 3번 :${fn:substring(birthdate,8,10) } 위와 같이 fn을 이용하여 java 처럼 substring을 사용할 수 있으며 (변수, 시작 index, 마지막 index) 를 지정하면 해당되는 인덱스 구간의 문자열을 자른다. 또한 length 메소드를 통해 해당되는 변수의 문자 길이 공감수 0 댓글수 0 2019. 6. 25.

728x90

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.