w3schools [JavaScript] TIL 5(211130)ㅣWhere To(2) 참고 사이트: 외부에 작성된 자바스크립트 파일은 .js확장자를 사용한다. 외부 스크립트 전체 URL or 파일 경로 or 링크 없이 src속성값으로 명시하면 된다. head 또는 body에 배치 가능하다. 스크립트 파일 추가할 때마다 스크립트 태그도 함께 추가. 버튼을 클릭하면 외부 자바스크립트 파일을 사용하면 웹의 내용을 담당하는 HTML 코드로부터 웹의 동작을 구현하는 자바스크립트 코드를... TILJavaScripttcpschoolw3schoolsJavaScript JavaScript Tutorial.6 JS 문법은 2종류의 변수를 설정 할 수 있다. 고정변수 -Literals 가변변수(?) - Variables Literals 2. 문자열은 '',"" 두 연산자 사이에 작성 Variables 프로그래밍 언어에서 변수는 데이터 값을 저장하는데 사용된다. JS에서는 var,let 그리고 const 키워드(예약어)를 사용하여 변수를 선언 한다. =(등호)는 변수에 값을 저장할 때 사용한다. 연산... JavaScript공부w3schoolsJavaScript JavaScript Tutorial.18 JS 문자열은 텍스트를 저장하고 조작하기 위한 것이다. JS 문자열은 따옴표 안에 쓰여진 0개 이상의 모든 문자이다. 따옴표를 사용할 수도 있고, 쌍따옴표를 사용할 수도 있다. 따옴표를 문자열로 사용할 수도 있다. 문자열은 따옴표 사이에 써야하기 때문에, JS 아래와 같은 문자열은 인식 할 수 없다. 이문제를 피하기 위해 해결책은 백슬래시\ escape문자를 사용하는 것이다. Single q... JavaScript공부w3schoolsJavaScript JavaScript Tutorial.19 John Doe와 같은 기본 값은 속성(property)이나 메서드를 가질 수 없다.(객체가 아니기 때문에) 그러나, JS에서는 메서드와 속성을 실행할 때 JS가 기본 값을 객체로 취급하기 때문에 메서드와 속성을 기본 값에도 사용할 수 있다. 1. slice(start, end) The String slice() Method slice(x,y)에 음수 입력시 음수를 인자로 입력시 문자열의 맨... JavaScript공부w3schoolsJavaScript JavaScript Tutorial.15 JS 함수는 특정 작업을 수행하도록 설계된 Block of code다. JS 함수는 무언가가 호출할 때 실행된다. 함수매개변수는 함수 정의에서 괄호( )안에 나열 된다. 함수 인수는 호출될 때 함수가 받는 값이다. 함수 내에서 인수(매개변수)는 지역 변수로 작동한다. JS가 return문에 도달하면 함수 실행이 중지된다. 함수가 명령문에서 호출된 경우 JS는 호출 명령문 다음에 코드를 실행하... JavaScript공부w3schoolsJavaScript JavaScript Tutorial.22 숫자는 소수를 포함하거나 포함하지 않을 수 있다. ※ JS 숫자는 항상 64bit 부동 소수점이다. 다른 많은 프로그래밍 언어와 달리 JS는 정수, short, long 부동 소수점 등과 같은 다양한 유형의 숫자를 정의하지 않는다. JS 숫자는 국제 IEEE 754 표준에 따라 항상 배정밀도 부동 소수점 숫자로 저장된다. 이 형식은 64bit로 숫자를 저장한다. 만약 두 숫자를 더한다면, 결... JavaScript공부w3schoolsJavaScript JavaScript Tutorial.4 JS는 여러 방법으로 Data를 "DISPLAY" 할 수 있다. innerHTML 사용하여 HTML 요소(element)에 쓰기. document.write() 사용하여 HTML에 출력 쓰기. window.alert() 사용하여 alert box에 쓰기. console.log() 사용하여 browser console에 쓰기. RUN 결과. document.getElementById(id) -... JavaScript공부w3schoolsJavaScript AJAX(1) 🎁 w3schools, Mozilla를 보며 혼자 공부하는 AJAX. 📌 XMLHttpRequest 👀 XMLHttpRequest(XHR) 객체는 서버와 상호작용하기 위해 사용. 전체 페이지의 새로고침 없이도 URL로부터 데이터를 받아올 수 있다. 웹 페이지가 사용자가 하고 있는 것을 방해하지 않으면서 페이지의 일부를 업데이트 할 수 있도록 해줌.(주로 AJAX에서 사용) 🎁 생성자 : XM... w3schoolsajaxjshtmlajax
[JavaScript] TIL 5(211130)ㅣWhere To(2) 참고 사이트: 외부에 작성된 자바스크립트 파일은 .js확장자를 사용한다. 외부 스크립트 전체 URL or 파일 경로 or 링크 없이 src속성값으로 명시하면 된다. head 또는 body에 배치 가능하다. 스크립트 파일 추가할 때마다 스크립트 태그도 함께 추가. 버튼을 클릭하면 외부 자바스크립트 파일을 사용하면 웹의 내용을 담당하는 HTML 코드로부터 웹의 동작을 구현하는 자바스크립트 코드를... TILJavaScripttcpschoolw3schoolsJavaScript JavaScript Tutorial.6 JS 문법은 2종류의 변수를 설정 할 수 있다. 고정변수 -Literals 가변변수(?) - Variables Literals 2. 문자열은 '',"" 두 연산자 사이에 작성 Variables 프로그래밍 언어에서 변수는 데이터 값을 저장하는데 사용된다. JS에서는 var,let 그리고 const 키워드(예약어)를 사용하여 변수를 선언 한다. =(등호)는 변수에 값을 저장할 때 사용한다. 연산... JavaScript공부w3schoolsJavaScript JavaScript Tutorial.18 JS 문자열은 텍스트를 저장하고 조작하기 위한 것이다. JS 문자열은 따옴표 안에 쓰여진 0개 이상의 모든 문자이다. 따옴표를 사용할 수도 있고, 쌍따옴표를 사용할 수도 있다. 따옴표를 문자열로 사용할 수도 있다. 문자열은 따옴표 사이에 써야하기 때문에, JS 아래와 같은 문자열은 인식 할 수 없다. 이문제를 피하기 위해 해결책은 백슬래시\ escape문자를 사용하는 것이다. Single q... JavaScript공부w3schoolsJavaScript JavaScript Tutorial.19 John Doe와 같은 기본 값은 속성(property)이나 메서드를 가질 수 없다.(객체가 아니기 때문에) 그러나, JS에서는 메서드와 속성을 실행할 때 JS가 기본 값을 객체로 취급하기 때문에 메서드와 속성을 기본 값에도 사용할 수 있다. 1. slice(start, end) The String slice() Method slice(x,y)에 음수 입력시 음수를 인자로 입력시 문자열의 맨... JavaScript공부w3schoolsJavaScript JavaScript Tutorial.15 JS 함수는 특정 작업을 수행하도록 설계된 Block of code다. JS 함수는 무언가가 호출할 때 실행된다. 함수매개변수는 함수 정의에서 괄호( )안에 나열 된다. 함수 인수는 호출될 때 함수가 받는 값이다. 함수 내에서 인수(매개변수)는 지역 변수로 작동한다. JS가 return문에 도달하면 함수 실행이 중지된다. 함수가 명령문에서 호출된 경우 JS는 호출 명령문 다음에 코드를 실행하... JavaScript공부w3schoolsJavaScript JavaScript Tutorial.22 숫자는 소수를 포함하거나 포함하지 않을 수 있다. ※ JS 숫자는 항상 64bit 부동 소수점이다. 다른 많은 프로그래밍 언어와 달리 JS는 정수, short, long 부동 소수점 등과 같은 다양한 유형의 숫자를 정의하지 않는다. JS 숫자는 국제 IEEE 754 표준에 따라 항상 배정밀도 부동 소수점 숫자로 저장된다. 이 형식은 64bit로 숫자를 저장한다. 만약 두 숫자를 더한다면, 결... JavaScript공부w3schoolsJavaScript JavaScript Tutorial.4 JS는 여러 방법으로 Data를 "DISPLAY" 할 수 있다. innerHTML 사용하여 HTML 요소(element)에 쓰기. document.write() 사용하여 HTML에 출력 쓰기. window.alert() 사용하여 alert box에 쓰기. console.log() 사용하여 browser console에 쓰기. RUN 결과. document.getElementById(id) -... JavaScript공부w3schoolsJavaScript AJAX(1) 🎁 w3schools, Mozilla를 보며 혼자 공부하는 AJAX. 📌 XMLHttpRequest 👀 XMLHttpRequest(XHR) 객체는 서버와 상호작용하기 위해 사용. 전체 페이지의 새로고침 없이도 URL로부터 데이터를 받아올 수 있다. 웹 페이지가 사용자가 하고 있는 것을 방해하지 않으면서 페이지의 일부를 업데이트 할 수 있도록 해줌.(주로 AJAX에서 사용) 🎁 생성자 : XM... w3schoolsajaxjshtmlajax