개발자의 끄적끄적

[javascript] 정규식 참고 사이트!! [링크] 웹 개발을 하다보면 자바스크립트 정규식이 여러가지 필요하더라구요! 그럴때마다 모르는건 찾아보긴 하는데!!! 아주 유용하게 정규식 문법들을 잘 정리한 사이트가 있어서 공유하고자 링크달아봅니다!!! 참고들하세요!! 참고사이트 : beomy.tistory.com/21

[javascript] 현재 달 1일과 마지막일 구하기 자바스크립트로 현재 달의 첫번째 날짜와 마지막 날짜를 구하는 방법입니다. 2가지 방법으로 잘 정리되어있는 사이트를 찾아서 참고하고자 퍼왔습니다! 출처는 아래 명시했습니다! 참고들 하세요! 방법1 var date = new Date(); var firstDay = new Date(date.getFullYear(), date.getMonth(), 1); var lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0); 방법2 var date = new Date(); y = date.getFullYear(); m = date.getMonth(); var firstDay = new Date(y, m, ..

[javascript] 자바스크립트 Promise API 요약[펌] Promise는 코드의 실행 흐름에서 비동기처리를 유연하게 처리하기 위한 API입니다. 코드를 통해 살펴보겠습니다. function test(callback) { setTimeout(() => { callback(); }, 2000); } function callback() { console.log('Hello!') } test(callback); 위의 코드는 2초 뒤에 콘솔에 Hello!를 출력합니다. 이 코드를 Promise API로 대체하면 아래와 같습니다. function test() { return new Promise((resolve, reject) => { setTimeout(() => { resolve(); }, 2000)..

[javascript] 자바스크립트 새로운 문법 정리 [펌] 자바스크립트에서 var로 정의된 변수의 유효범위는 함수입니다. 일반적인 프로그래밍 언어에서 변수의 유효범위는 블럭(Block)인데요. 자바스크립트에서 블럭의 범위 지정을 위한 시작은 ‘{‘이며 끝은 ‘}’입니다. let을 통한 변수의 정의는 바로 이러한 블럭 범위에서만 유효한 변수를 정의할 수 있도록 합니다. 이러한 let 키워드를 통해 보다 분명한 의미로 변수를 정의해, 필요한 시점에서만 메모리에 적재되어 사용되고 필요하지 않은 시점에서는 메모리에서 제거되도록 할 수 있는데요. 아래의 예는 배열에 대한 각 요소를 저장하기 위해 i라는 변수를 let으로 선언하고 있습니다. let a = [1, 2, 3]; for (let i of a) { al..

[javascript/jquery] 전역변수와 지역변수 [펌] 전역변수와 지역변수 변수는 유효범위에 따라 전역변수(Global Variable)와 지역변수(Local Variable)로 구분할 수 있습니다. 전역변수는 함수 외부에서 선언된 변수로, 프로그램 전체에서 접근할 수 있는 변수입니다. 지역변수는 함수 내부에서 선언된 변수로, 함수가 실행되면 만들어지고 함수가 종료되면 소멸하는 변수입니다. 함수 외부에서는 접근할 수 없습니다. 예제 1 변수 jbVar의 값을 함수 외부에서는 Lorem으로, 함수 내부에서는 Ipsum으로 정했습니다. 함수 외부에서 jbVar를 불러왔으므로 전역변수의 값 Lorem 이 출력됩니다. 예제 2 함수 내부에서 jbVar의 값을 불러왔으므로 지역변수의 값 Ipsum 이 출력..

[javascript] Post 방식을 이용한 새창 띄우기 [펌] id = newOwnerWindow 라는 form의 target을 새로 띄운 창으로 주는방식으로 submit되어 리턴받은 페이지를 새창에 띄울 수 있다 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 //세부정보보기 창 오픈 function openOwnerWindow(seq){ $frm = $("#newOwnerWindow"); //alert(seq); window.open('', seq); $("#newWindowSeq").val(seq); $frm.attr("action","${path}/visor_w/owDetail"); $frm.attr("target", seq); $frm.attr("method","post");..

[javascript/jQuery] Roulette Winning Wheel 룰렛 소스코드 모음 [펌] 1. http://serpiko.tistory.com/382 2. HTML5 Canvas: Lunch Wheel 3. http://www.dougtesting.net/winwheel 4. http://www.html5canvastutorials.com/labs/html5-canvas-wheel-of-fortune/ 출처 : zinee-world.tistory.com/134

[javascript/jquery] body overflow:hidden 이 모바일에서 안 먹을때 javascript로 해결방법 [펌] 상황: 모바일에서 사이드 네비게이션이 열린 상태에서 스크롤시 body는 스크롤 되지 않게 하고싶다 Solution A: CSS 1 2 3 4 5 6 html, body { overflow: hidden; position: relative; height: 100%; } PC에선 문제 없이 작동한다. 하지만 iOS 사파리랑 크롬에서는 무용지물. Solution B: CSS – fix 1 2 3 4 5 body { position: fixed; width: 100%; height: 100%; } PC, 모바일 모두 되긴 하는데 Side nav를 닫은 후에는 position이 ..