728x90 JavaScript-JQuery8 [jQuery + Javascript] 목록에 추가, 삭제 [jQuery + Javascript] 활용하여 목록 추가, 삭제 : HTML 붙이기/지우기 1). 이름 입력 시, 리스트(목록) 형태로 아래 나오게 하기 2). 지우기 버튼 클릭 시 모두 삭제하기 HTML 붙이기/지우기 코드 HTML 붙이기/지우기 연습 1. 이름을 입력하면 아래 나오게 하기 2. 다지우기 버튼을 만들기 이름 붙이기 다 지우기 세종대왕 임꺽정 2022. 1. 26. [jQuery + Javascript] 이메일 판별 함수 (특정 문자열 추출) jQuery + Javascript 활용해 이메일 판별 함수 만들기 1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2. 이메일이 아니면 (@가 없으면) '이메일이 아닙니다.'라는 얼럿 띄우기 3. 이메일 도메인만 얼럿 띄우기 jQuery + Javascript 활용해 이메일 판별 함수 코드 - let email = $('#id 값').val(); 해당 값 가져오기 - email.includes('@') 특정 문자열 확인하기 (T /F) - let domain = email.split('@')[1] ; email에서 @으로 나눈다. - let domain= email.split('@')[1].split('.')[0]; email에서 @으로 나두고, 다시 . 기준으로 나눈다. * Step by ste.. 2022. 1. 25. [jQuery + Javascript] 입력한 글자 alert 얼럿 띄우기 jQuery + Javascript 연습하기 1. 빈칸 체크 함수 - 버튼을 눌렀을 때 입력한 글자로 alert 띄우기 - 버튼을 눌렀을 때 칸에 입력된 내용이 없으면 "입력하세요!" alert 얼럿 띄우기 jQuery + Javascript 포함 코드 값을 가져오는 함수 : $('#해당 id 값 ').val() if 문을 활용하여 문장이 입력되었을 경우, 입력되지 않았을 경우 else로 값을 나타나게 한다. 2022. 1. 24. Ajax로 환율 api 적용해 페이지 나타내기 이전에 만들었던 원페이지 쇼핑몰 코드에 데일리 달러-원 환율의 api를 적용해보았다. 이전 원페이지 쇼핑몰 만들기 코드 - 간단한 쇼핑몰 처음에는 Ajax 나 json 사용이 낯설었던 것이 사실이다. 하지만, 다양한 api로 실습을 반복하다보니 json의 리스트, 딕셔너리 형태도 익숙해지고, Ajax 활용도 익숙해졌다. 페이지 로딩 날짜에 해당하는 원화의 가격이 반영된다. 1. 페이지 로딩 하자마자 바로 나타날 수 있는 JQuery 2. 매일 바뀌는 환율 값을 불러올 수 있는 json 형태의 api 활용하는 Ajax JQuery document.ready : 페이지 로딩 시 바로 실행 $(document).ready(function(){ 함수이름 (); }); JQuery & Ajax : 페이지 로딩 시.. 2022. 1. 3. Ajax 기본 사용 방법 & OpenAPI 이용해 실시간 값 가져오기 Ajax 기본 사용 방법 Ajax : 비동기통신 Ajax 기본 작동 Ajax는 *JQuery를 임포트한 페이지*에서만 동작 가능하다 JQuery를 임포트 되어있지 않을 경우 Ajax 에러 메시지 Uncaught TypeError: $.ajax is not a function → ajax가 없다는 뜻 기본 Ajax 형태 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) 위의 기본 형태로 Ajax를 사용한다. $.ajax({ type: "GET", // GET 방식으로 요청한다. url: "http://openapi.seoul.go.kr:8088/6d4d776b466c6.. 2022. 1. 1. 자바스크립트 JavaScript 함수, 변수, 자료형 JavaScript 자바스크립트란? 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어이다. 모든 브라우저는 기본적 으로 Javascript를 알아듣게 설계되어있고, 모든 웹서버는 HTML+CSS+Javascript를 기반으로 작동한다. JavaScript 자바스크립트 사용하기 안에 위와 같은 형태로 넣어준다. JavaScript 자바스크립트 함수 함수 : 부르면 정해진 동작을 한다. function hey(){ alert('안녕!'); } :: hey() 입력할 경우 '안녕!!' 이라는 알림이 뜬다. 자바스크립트 함수 만들기 function 함수이름(필요한 변수들) { 내릴 명령들을 순차적으로 작성 } 자바스크립트 함수 사용하기 함수이름(필요한 변수들); JavaScript 자바스크립트 변수.. 2021. 12. 31. 이전 1 2 다음 728x90
