본문 바로가기

JavaScript, Jquery6

[Javascript] Closure(클로저)에 대해서 자바스크립트 클로저(Closure) Javascript에는 클로저(Closure)이라는 개념이 있죠. Javascript는 function(함수)는 값이기 때문에 함수를 return하는것도 가능한데요. 함수를 return 하는것을 클로저라고 이해하시면 편할거 같습니다. 중요한 점은 클로저는 자신이 생성될때의 환경을 기억하기때문에, 외부 변수도 접근이 가능합니다. 말이 어려운데요. 예시를 보며 이해 해보겠습니다. 예시 fruit변수를 x번 실행하는 함수를 만들어 보았습니다. function repeatFruit(fruit, x){ return function (){ for(let i=0; i< x; i++){ console.log(fruit); } } } let printApple3 = repeatFrui.. 2020. 11. 24.
[Javascript] 팝업창 열기 window.open() 개발하다보면 팝업띄우는 기능이 필요할때가 많은데요. 요즘은 페이지 내에서 modal을 이용해서도 많이 쓰지만 꾸준히 많이 쓰이죠. 팝업 띄우는 함수: window.open() 사용법. 팝업을 띄우기 위해서는 window.open()를 사용하면 됩니다. window.open(url,name,option); - url : URL - name: 팝업창 이름 - option: 팝업창 옵션 기본적인 사용법은 다음과 같습니다. ex) window.open("https://www.naver.com","네이버","width=500,height=500,top=100,left=100") 여기서 옵션을 사용하여 가로길이, 위치를 조정할수 있죠. width : 팝업창의 가로길이 height : 팝업창의 세로길이 top : 팝.. 2020. 11. 23.
[Javascript] 날짜 (yyyy-mm-dd) 유효성 검사 (윤달까지 적용) * 코드 설명 yyyy-mm-dd형식에 맞춰서 유효한 날짜인지 체크해주는 코드입니다. 윤달까지 고려하여 유효한 날짜인지 체크해주는 코드입니다. function checkValidDate(value) { var result = true; try { var date = value.split("-"); var y = parseInt(date[0], 10), m = parseInt(date[1], 10), d = parseInt(date[2], 10); var dateRegex = /^(?=\d)(?:(?:31(?!.(?:0?[2469]|11))|(?:30|29)(?!.0?2)|29(?=.0?2.(?:(?:(?:1[6-9]|[2-9]\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:.. 2020. 11. 22.
[Javascript] Prototype사용해서 자료구조 List구현 Javascript에서 객체 지향적으로 개발 할 수 있게 해주는 것이 프로토타입(Prototype). 일반적으로 일반 개발자들은 프로토타입(Prototype)을 알지 못해도 화면을 개발 할 수 있어서 제대로 인지하지 못하고 있을 수도 있습니다. 하지만 알고 개발하는 것은 중요하기 때문에 정리해보았습니다. * Prototype Java에는 Class를 기반으로 인스턴스를 생성하여 객체를 사용하죠. Javascript에서는 function을 통해 클래스와 비슷하게 개발할 수 있습니다. function을 new를 통해 변수에 담아보겟습니다. function Fruit() { this.type= "과일"; this.name; } var melon = new Fruit(); var apple = new Fruit.. 2020. 11. 19.
[JavaScript/Jquery] Ajax의 사용법? * Ajax란? Ajax는 페이지를 다시 로드하지 않고, JavaScript를 사용하여 클라이언트와 서버간에 비 동기적 통신을 통해 데이터를 주고받는 기술입니다. 페이지를 리 로드하며 데이터를 가져오려 할 경우 데이터를 다시 불러와야 하기 때문에 다시 불러올 필요가 없는 이미지, 스크립트등의 기타 리소스도 가져오게 됩니다. 하지만 Ajax를 사용시 필요한 리소스만 불러와 빠르고, 페이지를 리로드하지 않기 때문에 자원낭비와 시간낭비를 하지 않습니다. ※ Ajax 사용시 장점 - 필요한 리소스만 불러올 수 있기 때문에 반응 속도가 빠르다. - 비 동기적 통신이기 때문에 사용자는 요청을 보내놓고 다른 동작이 가능하다. - Ajax를 사용하지 않고서는 불가능한 기능이 구현가능하다( ex) Scroll Pagin.. 2020. 11. 18.
[JavaScript] 반복문 foreach 문 , for in 문, for of 문? JavaScript에서는 반복된 요소를 꺼내기 위해서 3가지 함수를 제공하고 있습니다. * foreach foreach 반복문은 Array객체에서 사용할 수 있습니다. 배열의 요소를 첫번째부터 마지막까지 반복하면서 element를 꺼내 사용할 수 있습니다. var arr= ['사과', '배', '포도', '감']; arr.forEach(function(item , index, array){ console.log( index+"번째 과일:" + item); }); // item는 배열에 들어있는 객체 // index는 배열의 index // array는 arr과 같습니다. 해당 구문을 for문으로 변경하면 다음과 같습니다. var arr= ['사과', '배', '포도', '감']; for(var i=0 ;.. 2020. 11. 13.

티스토리툴바