컴퓨터 공부하는 블로그 컴퓨터 공부하는 블로그

자바 스크립트의 클래스 활용 자바 스크립트도 자바처럼 클래스(class)와 객체(Obejct)를 갖는다. 하지만 자바스크립트의 클래스는 ES6에 새로 추가된 개념이다. 클래스가 있기전 클래스를 통해 객체를 사용하지 않고 직접 객체를 만들어서 사용했다. 그리고 이런 객체를 복제하여 사용하며 이것을 상속의 개념으로 사용했다. 하지만 자바 스크립트에서도 클래스 사용이 가능해지면 자바의 문법과 비슷하게 구현이 가능하다. 자바 스크립트의 클래스 작성 자바 스크립트의 경우 자바와 비슷하게 대부분이 진행된다. 아래는 자바 스크립트에서 클래스를 선언하고 생성자로 객체를 생성하는 과정이다. 자바 스크립트 클래스의 상속과 다형성, 오버라이딩 자바스크립트의 클래스도 이제 상속이 가능하고 이를 통해 자바의 기능을 그대로 구현..

자바(java)의 클래스(class)와 오브젝트(Object) 기존에 자바를 공부했다면 클래스에 대해 알고 있을 것이다. 자바에서 클래스는 연관된 메서드 및 변수들을 모아놓은 집합이다. 간단하게 예시를 보면 다음과 같다. class student { String name; int age; int number; } 위의 'student'라는 클래스는 'name', 'age', 'number'를 갖는다. 클래스는 위와 같이 연관된 메서드, 변수들을 모아놓은 집합이다. 이러한 클래스를 이용하면 코드의 양을 줄일 뿐 아니라 대형 프로젝트도 훨씬 쉽게 진행할 수 있다. 그리고 이러한 클래스를 활용하기 위해선 자바에선 객체(Object)를 이용했다. 클래스가 원본이라면 객체는 클래스의 복사본과 같은 것이다. 그래서..

문서를 쓰다보면 하나의 요소에 여러 개의 스타일이 적용될 수 있고 그로 인해 충돌한다. 이 경우 CSS 적용 우선 순위에 따라 정해진다. 1순위. 인라인 스타일 p 태그입니다. id나 class로 스타일을 적용해도 태그에 직접 'style' 속성값을 주는 인라인 스타일이 가장 먼저 적용된다. 2순위. id 스타일, class 스타일 안녕하세요! 한 태그에 id값과 class 값이 동시에 부여되고 적용될 경우 id의 스타일을 우선 적용한다. 위 예시 같은 경우는 최종적으로 글자 색상이 'red'가 아니라 'blue'가 적용된다. 3순위. 태그 스타일 p 태그입니다. 위와 같이 일반적으로 태그를 선택자로 지정해서 스타일링 하는 경우 id와 class에 밀린다. 최 후순위로 스타일이 적용된다.

1. 선택자란? 기존 HTML 스타일링은 HTML 문서 내에서 이뤄졌고 태그 내에 일일히 스타일링을 적용해야했다. 하지만 CSS가 등장하면서 태그에 대한 접근법이 달라졌다. CSS 문서를 외부에 만들거나 div 태그입니다. div 태그입니다 - 1 div 태그입니다 - 2 div 태그입니다 - 3 클래스 선택자 스타일 적용하려는 태그에 class 값을 준 뒤 해당 클래스 값을 선택자로 지정할 수 있다. 해당 클래스 값을 선택자로 지정할 땐 앞에 점 ( . )을 찍어줘야 한다. 클래스는 동일한 값을 여러 태그에 적용할 수 있다. 그래서 성격 등이 비슷한 태그는 하나의 클래스로 묶어서 스타일 적용이 가능하다. .class 명 { 속성 : 속성값 } 안녕하세요! id 선택자 스타일을 적용하려는 태그에 id값을..

래퍼클래스란? 객제지향에선 모든 것을 객체로 다뤄야 한다. 하지만 일부 기본 자료형(primitive type)는 객체가 아니다. 그래서 이러한 기본 자료형을 객체로 다뤄주기 위해서 래퍼 클래스를 사용해야 한다. 미리 입력된 래퍼 클래스를 이용하면 기본 자료형을 객체로서 다룰 수 있다. 우선 예시부터 보면 다음과 같다. public static void main(String[] args) { Integer A1 = new Integer(5); // Integer객체 생성하면서 정수 5 입력 Integer A2 = 5; // Integer 자료형인 참조 변수에 5 저장 Integer A3 = 5; // Integer 자료형인 참조 변수에 5 저장 System.out.println(A1==A2); // fa..

StringBuffer란? 앞서 포스팅한 String클래스는 변경이 불가능한 immutable 자료형이다. 반면 StringBuffer클래스는 mutable자료형이다. String 클래스의 인스턴스는 가진 텍스트를 변경할 때마다 새로 인스턴스가 생성된다. 하지만 StringBuffer는 텍스트를 변경해도 해당 인스턴스가 새로 유지 된다. 그래서 텍스트 변경이 잦은 작업을 위해서는 String보다는 StringBuffer가 더 유리하다. StringBuffer의 구조 StringBuffer은 String과 마찬가지로 클래스 내부에 문자형 배열 ( char[ ] )참조 변수를 갖는다. 이 배열의 크기는 StringBuffer를 생성자를 이용해 생성할 때 결정된다. 변수 sf1과 같이 인스턴스를 생성할 때 따..

Object 클래스 모든 클래스의 최고 조상 클래스로 Object 클래스의 모든 멤버는 모든 클래스에서 바로 사용이 가능하다. Object 클래스는 멤버 변수는 존재하지 않고 11개의 메서드만 가지고 있으며 Object의 모든 메서드는 앞서 말했듯 모든 클래스에서 바로 사용이 가능하다. 해당 포스트에선 11개의 메서드 중 가장 많이 쓰이는 3개의 메서드에 대해 다룰 것이다. hashCode() 객체의 해시코드를 반환하는 메서드다. 해시코드란 해싱 함수를 사용한 결과값으로 반환되는 정수값을 의미한다. hashCode() 메서드는 객체가 가진 메모리상의 주소값을 int로 변환한 해시코드 형태로 반환한다. 즉 풀어서 이야기하자면 객체는 각자 다른 해시코드 값을 가진다. 그리고 hashCode메서드는 그 해시코..

추상클래스란? 추상 메서드를 가지고 있는 클래스를 말한다. 일반 클래스명 앞에 astract만 붙여주면 추상클래스로서 선언이 가능하다. 아래와 같은 경우 사용할 수 없다. abstract class Animal{ // abstract + class + 클래스명 abstract void bark(); // abstract 메서드 } 아래와 같이 추상 클래스를 상속하면 추상 클래스의 멤버변수와 메서드를 쓸 수 있다. class test2 extends test{ // 추상 클래스 'test'를 상속 받아 선언한 'test2' int test_method(int a){ // 추상 클래스의 추상 메서드 'test_method'를 오버라이딩 return a; } } 추상 클래스와 일반 클래스의 차이 기본적으로 추..