JavaScript/문법 18

[Rejex] 정규 표현식 ( 정규식 - Regular expression)

정규 표현식 - regex 어떤 규칙(패턴)을 정의해놓으면, 이 패턴에 맞는지 아닌지를 판단 return true or false ex) function is_nickname(asValue) { var regExp = /^(?=.*[a-zA-Z])[-a-zA-Z0-9_.]{2,10}$/; return regExp.test(asValue); } function is_password(asValue) { var regExp = /^(?=.*\d)(?=.*[a-zA-Z])[0-9a-zA-Z!@#$%^&*]{8,20}$/; return regExp.test(asValue); } -> 자세한 저리는 여기! https://thalals.tistory.com/329

JavaScript/문법 2021.10.19

[JS] javascript(자바스크립트) - 배열 내부 원소 값(문자열) 체크하기 [every(), some() ]

자바스크립트에서 배열 내의 요소를 확인할 때 every() 함수와 some() 함수 2가지를 제공합니다. 두 Array Method는 배열의 요소들이 주어진 조건을 만족하는지 여부에 대한 검증을 수행합니다. 1) every,some - 특정 조건을 만족하는지 배열 내부의 원소를 순회하면서 검사한다. 2) 조건에 만족하면 True, 아니면 False를 리턴한다. 1. Array.prototype.every() - 전체가 만족해야 됨 모든 case가 true일때 true를 반환합니다. 순회를 하다 조건에 만족하지 않는 요소가 하나라도 발견되면, 그 즉시 순회를 멈춥니다. 예제1) var objArr = [{name: '철수', age: 10}, {name: '영희', age: 10}, {name: '바둑이'..

JavaScript/문법 2021.10.19

[JS] 팝업창 닫을 때 이벤트 잡기 ( onbeforeunload - 페이지를 벗어날 때)

팝업창 닫을 때, 현재 페이지 새로고침을 하기위해, onbeforeunload 이벤트를 사용했다. onveforeunload 이벤트란, 사용자의 페이지에서 벗어날 때, 즉 뒤로가기나 팝업창을 닫을 때 일어나는 이벤트인 것 같다. function create_baby_profile() { var popup = window.open('/profile/create', '네이버팝업', 'width=700px,height=700px,scrollbars=yes'); popup.onbeforeunload=function (){ window.location.reload(); } } *참고 https://jaimemin.tistory.com/1539 https://doolyit.tistory.com/205

JavaScript/문법 2021.10.18

[jquery] toggleCalss - html 클래스 값 제어

제이쿼리 tobbleClass()로 선택한 요소에 클래스 값을 넣었다 뺄 수 가있습니다. 예를 들어 $( 'p' ).toggleClass( 'xyz' ); 는, p 요소에 xyz 클래스가 없으면 추가하고, 있으면 제거합니다. ex) 사용법 bulma CSS 에서 is-hidden이란 클래스는 요소를 안보이게하는 클래스 function toggle_sign_up() { $("#sign-up-box").toggleClass("is-hidden") $("#div-sign-in-or-up").toggleClass("is-hidden") $("#btn-check-dup").toggleClass("is-hidden") $("#help-id").toggleClass("is-hidden") $("#help-passwo..

JavaScript/문법 2021.10.08

[javascript & jquery] attr() 사용법

.attr(attributeName) 선택된 요소 집합에서 첫번째 요소의 attributeName에 해당하는 속성값을 반환한다. .attr(attributeName, value) 선택자에 의해 선택된 요소에 하나 이상의 속성을 부여할 수 있다. 여러 속성을 부여할 때, 속성명에 따옴표는 선택사항이다. 단, "class"속성을 세팅할 때는 반드시 따옴표를 사용해야 한다. Internet Explorer는 input이나 button요소의 type속성을 바꾸지 못한다. $('#go-map').attr("src",href) 참고 https://solbel.tistory.com/365

JavaScript/문법 2021.09.28

템플릿 리터럴

1. 템플릿 리터럴 타임어택 과제를 다시 해보다가, Jquery 로 자바스크립트 매개변수안에 변수값을 전달해주기위해 템플릿 변수를 사용하였다. 하지만 자꾸 매겨변수로 들어가는 문자열 코드 ex) 005975 가 앞에 0을 다 지워버린다. 알고보니 템플릿 리터럴은 들어오는 변수를 모두 문자열로 변화시키는데, 이때 정수로 인식해서 앞의 0을 없애버린것 같다. onclick="function('${code}')" 이렇게 매겨변수 값 자체를 문자열로 감싸주어 전달하니 해결했다 (ㄷㄷ ) 도와주신 내일배움 캠퍼 동민님 감사합니다.

JavaScript/문법 2021.09.21

[JS] 자바스크립트 Promise

Promise Promise란, (약속) JavaScript에서 제공하는 비동기를 간편하게 처리할 수 있도록 도와주는 object이다. Promise 기능 프로미스는 정해진 기능을 수행하며, 이 수행을 성공하면 어떤 값을 Return 하고 문제가 발생하면 error를 Return 한다. Promise 객체의 interface를 보면, executor라는 콜백함수 안에 (reslove 와 reject 라는 2개의 콜백함수를 인자로 받는다) 여기서 Executor 콜백함수는 프로미스 객체가 생성되면 자동적으로 실행하는 콜백함수이다. (Automatically function) 따라서 사용자와 서버가 불필요한 통신을 수행할 수 있기때문에 사용에 유념하여햐한다. reslove 와 reject resolve와 r..

JavaScript/문법 2021.08.16

[JavaScript] JSON 개념 정리 와 활용방법(JSON CallBack)

Json 이란 : https://thalals.tistory.com/32 이전에 JSON의 형태의 대해 Python으로 정리를 한 적이있다. Json의 개념과 형식(format)은 전에 공부하였고, 오늘은 자바스크립트에서 Json의 활용법을 정리하고자 한다. JSON 이란 JSON API 자바스크립트에서 JSON에 내장되어 API는 1. parse : JSON to object 2. stringify : object to JSON 이 2개임을 아래의 사진을 통해 확인 할 수 있다. Object to JSON stringigy API로 JavaScript object를 json으로 변환 시킬 수 있다. Stringify API Interface를 보면 2가지 타입으로 오버로딩 되어있는 있다. 1. 첫번째는..

JavaScript/문법 2021.08.15
반응형