퍼블리싱 아카이브

Object(객체) 자바스크립트는 객체 기반 프로그래밍 언어이며, 자바스크립트를 구성하는 거의 모든 것이 객체다. 합수, 배열, 정규 표현식 등은 모두 객체다. 객체 타입은 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조이며, 변경 가능한 값이다. let user = { name: 'Jane', age: 14, //프로퍼티 키: 값 fly(){ console.log("I believe I can fly"); } //메소드 } 프로퍼티 접근, 갱신, 추가, 삭제 let person = { name: 'Jane' } //접근 console.log(person.name); // Jane console.log(person['name']); //Jane //갱신 person.name = 'Mike'; ..

1. onclick 이벤트 Click Me!! 버튼을 누르면 이벤트가 실행되는 코드. onclick에 직접 자바스크립트 코드를 작성하는 경우도 있지만 보통은 간편하게 사용하기 위해 function을 활용하여 작성한다. 2. function function 함수이름(parameter){ //함수내용 작성 } 3. function & onclick 사용해서 열고 닫는 버튼 만들기(openBtn, closeBtn) Alert Box close! open! .alert-box { background-color: rgb(76, 76, 211); color: yellow; padding: 20px; border-radius: 5px; } open을 누르면 alert box가 보이고 close를 누르면 사라진다. 4..

intro. 자바스크립트를 이용하여 문서에 이름을 표시하는 방법은 여러가지가 있다. 우리가 아는 가장 단순한 방식은 이런 것이다. 자바스크립트의 document.write()를 사용하는 것이다. document.wrtie()메소드를 사용하면 할당받은 변수나 문자열, 숫자 등을 브라우저에 표시할 수 있다. 하지만 여기서 생기는 의문점. html 문서가 이미 존재하는데 입력받은 사용자에 따라 문서에 표시되는 내용을 다르게 바꾸고 싶다면 어떨까? 예를 들면 이런 상황이다. 환영합니다 guest님 이 코드를 입력하면 브라우저에 위와 같이 나타난다. 해당 화면을 매번 다른 사용자가 열람하고, 열람할 때마다 사용자의 다른 이름을 입력받아 "환영합니다 000님"이라고 표시할 수 있는 방법에 대해 알아보려고 한다. *..