프론트앤드 이야기33

• [Javascript] timer 만들기 var timer = 1199;function authTimer () {var minutes;var seconds;var timeCheck = setInterval (function () {minutes = parseInt (timer / 60,10);seconds = parseInt (timer % 60,10);minutes = minutes 프론트앤드 이야기/JavaScript & JQuery 2020. 11. 3.

• [Jquery] 글자 바이트 체크 하기 /*** 파라메터 : this, 허용 바이트* 예 :*/var value = '';var checkByte = function (obj, permitByte) {var currentValue = $ (obj) .val ();if (getByte (currentValue) 프론트앤드 이야기/JavaScript & JQuery 2020. 11. 3.

• [Javascript] 날짜 계산, 현재 날짜 ~ 지정날짜 까지 남은시간 계산 //원하는 시간 값 셋팅 var user_year = 2020; var user_month = 9; var user_day = 3; var user_hour = 23; var user_minute = 40; var user_second = 0; //1월이 0부터 시작하기 때문에 개발을 모르는 사람도 셋팅이 가능하도록 안보이게 처리 setMonth(); var endTime = new Date(user_year,user_month,user_day,user_hour,user_minute,user_second); function setClock() { var now = new Date(); var totalTime = endTime ; var _second = 1000; var _minute = _second.. 프론트앤드 이야기/JavaScript & JQuery 2020. 9. 1.

• [Thymeleaf] Thymeleaf 기본문법 출처 : https://eblo.tistory.com/551. 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:.. 프론트앤드 이야기/Thymeleaf 2020. 4. 14.

• [JavaScript] search(), test(), match() 메서드를 이용한 영문, 한글, 숫자 검사하기 search() - 첫번째로 매칭되는것의 인덱스를 반환하며, 일치하는 부분이 없다면 -1 리턴test() - 매칭되는것이 있다면 true 없다면 false 리턴match() - 매칭되는것이 있다면 매칭된 문자열 출력 function check(){var text = $('#text').val();var num = text.search(/[0-9]/g);var eng = text.search(/[a-z]/ig);var kr = text.search(/[ㄱ-ㅎ]/ig);if(num < 0){console.log('숫자가 없습니다.');}else{console.log('숫자가 있습니다.');}if(eng < 0){console.log('영문이 없습니다.');}else{console.log('영문이 있습니다.'.. 프론트앤드 이야기/JavaScript & JQuery 2019. 10. 29.

• 

  [HTML] 웹 템플릿 Handlebars 사용 사실 일찍 정리를 했어야 했는데 이제서야 정리를 하는 나는.. 2016년도 당시 프로젝트에 사용하던 기술로 3년이 지난 이제서야 정리를 하게된다. 지금은 검색해도 2017년도 이후로의 블로그를 작성한 사람은 없을정도로 도태된 기술이다. 글쓴이는 왜 작성하는지? 는 그냥 단순 정리하면서 한번 더 보고 지나가려는 의미~입니다. https://handlebarsjs.com/ 는 공식 홈페이지 이니 참고 ~하세요. 테스트 코드 환경 JAVA : jdk1.8.0_152STS : Version: 3.9.4.RELEASESpring Boot : version '2.1.5.RELEASE' build.gradle //for handlebarscompile('pl.allegro.tech.boot:handlebars-spr.. 프론트앤드 이야기/HTML 2019. 5. 20.

• [HTML] Layer popup + dimmed 처리 소스 아래 소스는 직접 사용중인 소스입니다.붙이셔서 마음대로 사용하셔도 괜찮습니다 ^^ .layer2 { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .layer2 .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50); } .layer2 .pop-layer2 { display: block; } .pop-layer2 { display: none; position: absolute; top: 15%; left: 3.. 프론트앤드 이야기/HTML 2019. 4. 18.

• [Javascript] 날짜 빼기 function dateAddDel(sDate, nNum, type) { var yy = parseInt(sDate.substr(0, 4), 10); var mm = parseInt(sDate.substr(5, 2), 10); var dd = parseInt(sDate.substr(8), 10); if (type == "d") { d = new Date(yy, mm - 1, dd + nNum); } else if (type == "m") { d = new Date(yy, mm - 1, dd + (nNum * 31)); } else if (type == "y") { d = new Date(yy + nNum, mm - 1, dd); } yy = d.getFullYear(); mm = d.getMonth() .. 프론트앤드 이야기/JavaScript & JQuery 2019. 3. 8.

• [Jquery] 체크박스 선택된 값 배열넣기 var checkArray = new Array(); $("input[name=idx]:checked").each(function() { checkArray.push( $(this).val()); }) 프론트앤드 이야기/JavaScript & JQuery 2019. 1. 29.

• 

  [TISTORY] 티스토리 소스코드 넣기 사실 얼마전까지 소스코드를 그냥 넣어서 굉장히 불편하게 포스팅을 작성하고있었다. 검색을 해보니 css 와 js 파일을 업로드 하는 것만 설명이 되어있어서 아주 간단한 방법을 알려주고자 작성한다. 1. 꾸미기-> 스킨편집 -> html 편집 2. 자신의 스킨 meta 테그 아래에 붙이기(URL로 처리) 3. 글쓰기 -> 외부컨텐츠 또는 HTML 코드 삽입 코드 삽입 4. 레퍼런스 다운로드 : 다운로드 바로가기 프론트앤드 이야기/기타 2018. 12. 6.

• [JavaScript] 두 개의 비교 날짜를 넣어 두 날짜의 차이 구하기 두 개의 날짜를 넣어 두 날짜의 차이를 구하는 함수 입니다. 숫자 아닌것에 대한 예외처리는 따로 하지 않았습니다. 커스터마이징하여 사용하여도 좋습니다. ^^ /* 2018. 12. 06 hanheeseong 시작 날짜와 종료 날짜를 넣어서 두 날짜의 차이를 구한다. parameter : type, startDate, endDate type : y, m, d, h, m, s startDate : 시작 날짜 2018-00-00 endDate : 끝 날짜 2018-00-00 */ function dateDifference(type, startDate, endDate){ var start = yearParse(startDate); var end = yearParse(endDate); var difference .. 프론트앤드 이야기/JavaScript & JQuery 2018. 12. 6.

• [Jquery] Jquery 항상 최신버젼 받아오기 프론트앤드 이야기/JavaScript & JQuery 2018. 12. 4.