728x90 반응형 Programming/Javascript & jQuery7 [Javascript] document.querySelector등 순서도 그리기 1. 프로그램 절차의 개수는 정해져 있어야 한다. 2. 각 절차는 항상 같은 내용이어야 한다. 3. 모든 가능성을 고려해야 한다. 4. 예시는 절차를 검증하는데 사용한다. 대화상자띄우기 prompt 대화상자에 사용자가 입력한 메시지가 문자열 형태로 전달되고 입력하지 않고 취소를 누르면 null 전달 alert 단순한 알림창, 호출시 확인을 누르기 전까지 다음 스크립트 실행 중단 (디버깅 용도로는 console.log를 사용해라) confirm 사용자에게 확인을 받을 때 사용. 확인은 true 취소 false전달 html태그 선택하기 document.querySelector('선택자'); 하나의 태그 선택 선택자는 html태그를 선택할 수 있게 도와주는 문자열 - 제일 첫번째 태그가 선택됨 .. 2021. 6. 27. [Javascript] 변수 기본형 참조형 자바스크립트의 변수선언은 var, let, const 기본형 참조형 1단계 컴파일과정(스캐닝과정)에서 a라는 공간을 메모리에 생성. undefined , 전(체지)역 변수와 전역 함수를 메모리에 등록함. 2단계 런타임과정 console.log(a); var a = 10; console.log(a); // 10 스코프 생명영역 var는 오로지 함수영역만 영향을 받음, let은 블록영역에 영향을 받음. 블록 스코프 const는 상수의 개념, 재선언 재할당 불가능. var a; // undefined (값과, 타입으로 쓰임) typeof -> 타입 출력, var b = null; console.log( a == b ); console.log( a === b ); a == b (값을 비교) ture a === .. 2021. 4. 3. [Javascript] var, let, const 차이점 Javascript 변수 선언 방식 var, let, const 1. var : var는 변수 재선언이 가능하다. 변수 재선언을해도 에러가 나지 않고, 각기 다른 값이 출력된다. 2. let : let은 변수 재선언이 되지 않는다. 하지만 재할당은 가능하다. 3. const : const는 변수 재선언, 재할당 모두 불가능하다. 변수 선언에는 기본적으로 const를 사용하고, 재할당이 필요한 경우에는 let을 사용하는 것이 좋다. var는 간단한 테스트용으로 적합하다. const를 사용하면 의도치 않은 재할당을 방지해주기 때문에 안전하다. 2021. 1. 30. [Javascript] document.querySelector() document.querySelector 를 사용하면 dom요소에 쉽게 접근할수있다. document.querySelector('#id') / document.querySelector('.class') 이렇게 접근가능하다. querySelector()를 사용하면 돔 엘리먼트 중 첫번째만 반환한다. 전부 찾으려면 querySelectorAll()을 사용하면된다. 2021. 1. 24. [jQuery] jQuery replace() 사용하기 jQuery replace()를 사용하면 원하는 글자(공백)를 제거하거나 변경 할 수있다. 프로젝트를 진행하면서 결제금액을 직접 입력하는 input box를 만들었다. 금액을 입력하면 자동적으로 콤마(,)가 생기는 코드를 추가했기 때문에 다시 또 제거를 해줘야했다. var lostpay = $("input[name=Lost_Pay]:checked").val(); if (lostpay == 'direct'){ lostpay = $("#paybox").val(); lostpay = lostpay.replace("direct",""); lostpay = lostpay.replace("," , ""); } //replace를 이용해 direct란 글자와 , 를 제거해서 입력한 금액만 뜨게했다. 위와 같이 .re.. 2021. 1. 12. [Javascript] 선택자 document.getElementById(); - 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환, - 대소문자를 구분해서 사용해야하고, 문서 내에 주어진 id가 없으면 null을 반환. document.getElementsByClassName(); document.getElementsByTagName(); 2021. 1. 5. [Javascript] Ajax Ajax(Asynchronos Javascript And XML) - 자바스크립트를 통해서 서버에 데이터를 요청하는 것 - 새로고침을 할 필요없이 부분 부분만 로딩되므로 속도가 빠름 -비동기식 동기식 / 비동기식 차이 동기식은 대표적인 예로 우리가 웹사이트 로그인을 할 때 아이디와 패스워드를 입력하여 서버로 전송하고 서버로 부터 응답을 받은 후 로그인 성공, 실패 웹페이지로 이동하는 것, 서버로 데이터를 요청하고 응답이 오는 시간동안 작업을 멈추고 기다리는 것을 뜻함. 비동기식은 서버로 데이터를 요청하고 응답이 오는 시간동안 웹은 자신의 다른 업무를 진행하고 응답이 오면 그 후에 작업을 하기때문에, 사용자의 입장에서는 화면 갱신이 없어 편리하고 빠르게 작업을 처리하는 것처럼 느껴짐 GET / POST 차.. 2020. 12. 27. 이전 1 다음 728x90 반응형
