본문 바로가기

js4

자바스크립트 현재 URL 가져오기 window.location.href : 현재 페이지의 href 반환 window.location.hostname: 웹호스트 도메인 네임 반환 window.location.pathname: 현재 페이지 경로, 파일 이름 반환 window.location.protocol : 사용 중인 웹 프로토콜 반환(http://나 https://) window.location.assign: 새로운 document 로드하기 2022. 5. 30.
자바스크립트 호이스팅 Hoisting 코드를 작성하면 위->아래로 순차적으로 진행되는 것이 일반적이다. 그러나 자바스크립트에서는 함수가 변수보다 위에 작성되었더라도 함수를 사용하는 것이 가능하다. 간단히 말해, Hoisting은 모든 선언(var, let, const, function 등)을 가장 위로 끌어오는 것이며, 이 과정에서 선언과 할당은 분리된다. 동작 변수의 범위에 따라 다르게 동작할 수 있다. 전역 (global scope) : 스크립트 최상단으로 변수가 끌어올려진다. 함수 (function scope) : 함수의 최상단으로 변수가 끌어올려진다. 최상단으로 변수가 끌어올려지더라도, 변수의 선언만 끌어올리는 것이다. //console.log(hhh); // Reference Error console.log(hois.. 2022. 5. 13.
자바스크립트 DOM이란 DOM (Document Object Model) DOM은 HTML 문서가 '객체 모델'로 변환되어 다양한 프로그램에서 사용되게끔 한 것이다. DOM을 이용해 자바스크립트에서 html 요소를 자유자재로 변경할 수 있다! js파일로 html 요소 변경하기 html, css, js 파일을 IDE에서 편집하고 인터넷의 콘솔창에서 결과를 확인 Hi there! :) ​ 우선 아래 코드의 실행 결과이다. js 파일을 이용해 변경 console.log(document.getElementById('berry')); //'id'속성을 가진 요소를 찾아 객체로 반환 berry.innerHTML = "Hi! From JS"; //제목변경. 여전히 html 파일의 제목은 this work. berry.style.color .. 2021. 9. 25.
자바스크립트 Array Array 자바스크립트에서의 Array * 배열은 자료형과 관계없이 정의할 수 있다. * String, boolean, float 등을 함께 담을 수 있다. * console.log()을 이용해 해당하는 값을 알 수 있다. 배열을 선언하는 방법 const days = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", 3, 99, true]; console.log(days); console.log(1); //'Tue'​ 배열 내 객체 객체 안에서는 :​ 을 사용한다. const yeonyInfo = { name : "Nayeon", age : 23, gender : "Female", } console.log(yeonyInfo); console.log(yeonyInfo.. 2021. 9. 24.

티스토리툴바