3. 변수와 메서드 3-1. 선언위치에 따른 변수의 종류 변수는 클래스변수, 인스턴스변수, 지역변수 모두 세 종류가 있음. 변수의 종류를 결정짓는 중요한 요소는 '변수의 선언된 위치'이므로 변수의 종류를 파악하기 위해서는 변수가 어느 영역에 선언되었는지를 확인하는 것이 중요함. 멤버변수를 제외한 나머지 변수들은 모두 지역변수이며, 멤버변수 중 static이 붙은 것은 클래스변수, 붙지 않은 것은 인스턴스변수라고 함. 아래의 예제에서 모두 3개의 int형 변수가 선언되어 있는데, iv와 cv는 클래스 영역에 선언되어있으므로, 멤버변수인데, 그 중 cv는 키워드 static과 함께 선언되어 있으므로 클래스변수이며, iv는 인스턴스변수. 그리고 iv는 메서드인 method()의 내부, 즉 '메서드 영역'에 선..

1.객체지향언어 1-1. 객체지향언어의 역사 초창기에는 컴퓨터가 주로 과학실험,미사일 발사실험과 같은 모의 실험을 목적으로 사용됨. 객체지향이론의 기본 개념은 '실제 세계는 사물(객체)로 이루어져 있으며, 발생하는 모든 사건들은 사물간의 상호작용이다.'라는 것. 객체지향이론은 추상화 개념을 중심으로 점차 구체적으로 발전되었으며 1960년대 중반에 시뮬라(Simula)라는 최초의 객체지향언어가 탄생함. 그 당시 절차적 언어들이 주류를 이루었지만 프로그램의 규모가 점점 커지고 사용자들의 요구가 빠르게 변화해가며 객체지향언어를 이용한 개발방법론이 입지를 넓혀 갔고 자바가 1995년에 발표되고 인터넷의 발전과 함께 객체지향언어는 이제 프로그래밍언어의 주류로 자리 잡음. 1-2. 객체지향언어 언어의 재사용성이 높..

object = {key : value}; 1. Literals and properties 1-1. Object의 사용 보통 primitive타입은 변수 하나당 값을 하나만 할당할 수 있는데, 이 변수들을 출력하고자 함수를 정의해서 호출한다면 출력하고자 하는 변수들이 굉장히 많아질 수 있고 비효율적일 수 있는데 이럴 경우 객체(Object)를 활용하면 위의 문제점들을 개선할 수 있음 const name = "ellie"; const age = 4; print(name, age); function print(name, age) { console.log(name); console.log(age); } function printObject(person) { console.log(person.name); con..

javascript:void(0) ' javascript: '을 사용할 경우 해당 구문이 스크립트로 평가되어 실행되어 도큐먼트의 내용으로 표시됩니다. ' javascript:void(0) '을 사용할 경우에는 스크립트의 평가 결과로 'undefined'가 반환되어 무시되므로 현재 페이지가 유지됩니다. 주의할 점은 CSP(Content Security Policy)의 설정에 따라서는 Inline Event Handler가 블럭될 수 있습니다. (물론 void이므로 블럭된다해서 문제될 것은 없을 수 있지만 보안툴 등에 의해 경고가 출력될 수 있습니다. #(hash) ' #(hash) '는 보통 페이지 내부링크를 목적으로 사용되는데 id를 지정하지 않은 경우에는 해당 페이지의 최상단으로 스크롤됩니다. 기본동작..

classList : 클래스를 조작하는 다양한 메서드들을 사용가능 .add() .remove() .contains() .toggle() classList.add() 클래스를 필요에 따라 삽입 const toggleBtn = document.querySelector(".navbar_toggleBtn"); const menu = document.querySelector(".navbar_menu"); toggleBtn.addEventListener("click", () => { menu.classList.add("active"); //menu에 active클래스추가 }); classList.remove() 클래스를 필요에 따라 삭제 const toggleBtn = document.querySelector("...

객체지향프로그래밍(Object-oriented programming)에서 class는 template이고, object는 instance of a class입니다. 그렇다면 Javascript에서 class는? -introduced in ES6 -자바스크립트에서는 기존에 클래스가 존재하지 않다가 'ES6'에서 추가됨 (클래스가 도입되기 전에는 클래스를 만들지 않고 바로 Object를 만들 수 있었고, 이 Object를 만들 때 Function을 이용해서 템플릿을 만드는 방법이 있었음) -syntactical sugar prototype-based inheritance -클랫는 완벽하게 짠하고 추가된 것이 아니라 기존에 있던 자바스크립트에 추가된 것이기 때문에 기존에 존재하던 prototype을 베이스로 ..