Development (국비 복습 )/JavaScript48 [JQuery] $.trim()의 용도 자바스크립트에서는 string.trim() 하면 양 옆으로 빈칸이 사라졌다. 제이쿼리도 이와 행동은 똑같지만 , string을 $ 요소 셀렉터로 주고 ()이 안에 적용할 텍스트를 넣는다 var msg = " pudding "; $("#original").html(msg); // 적용 X $("#trimmed").html($.trim(msg));//빈칸없어진 pudding이 출력 아이디랑 비번 확인도 제이쿼리 $.trim()방식을 사용할 수 있다. function validation(){ var userId = $('#username'); var userPw = $('#password'); if($.trim(userId.val()).length==0){ alert("아이디를 다시 입력하세요"); userI.. 2023. 3. 11. api fetch() 써보기 오픈 서버로 부터 정보를 받아와서 데이터를 확인 할 수 있다. 구글링으로 free open api치면 많이 나온다. fetch()를 사용하여 get방식으로 서버의 정보를 가져오며, async await 방법을 사용하여 데이터 정보를 받아온다. const url = "http://worldtimeapi.org/api/timezone/Asia/Seoul"; async function getData(){ const response = await fetch(url); const data = await response.json(); console.log(data) } 이때 , async - await 문법은 promise를 간소화한 문법이다. 저걸 원래 promise문법으로 쓴다면 , function getDat.. 2023. 3. 11. [JQuery] document ready를 쓰는 이유 $(document).ready(function(){ ..... }) 제이쿼리는 생긴거보면 다 저런 형식으로 생겼다. 이렇게 ready 이벤트를 쓰는 이유는 , DOM객체가 완전히 로딩 된 후 제이쿼리를 사용하기 위해서이다. 예를 들어, 이미지 같은 것을 hide()하려는 제이쿼리를 만들 때, 이미지가 다 로딩되지 않았는데 제이쿼리를 쓰려고 하면 에러가 날 것이다. 2023. 3. 10. 입력창을 받는 alert인 prompt 이메일주소를 입력했는지 체크할 수 있다. var email = prompt("이메일을 입력하세요!"); if(!email){ alert("내용을 입력하세요); }else if(email.includes("@")){ alert("이메일이 입력되었습니다.); } 2023. 3. 5. 이전 1 2 3 4 ··· 12 다음
