본문 바로가기

Programming

 (477)
상속(10) - 강제 타입 변환(Casting) 우리가 앞선 과정에서 부모 클래스를 상속받는 자식 클래스와 관련하여, [자동 타입 변환]에 대해서 학습했습니다. 요약하면, 주요 원칙은 '자식 클래스는 부모 클래스 타입으로 사용될 수 있다'였죠? 이는 필드에서 인스턴스로 사용될 때 혹은 파라미터 일 경우에도 적용하였습니다. 다시 한번 노파심에 짚고 넘어가자면, 자식 클래스는 기본적으로 부모 클래스의 모든 필드와 메서드 요소를 그대로 가지고 있으며(또는 오버라이드로 메서드 재정의) 여기에 자식 클래스 고유의 요소들을 갖고 있기 때문에 부모 클래스로 자동 타입 변환이 되더라도 사용에 지장이 없습니다. Parent parent = new Child(); 자, 여기서 '자동' 타입 변환에 대해서 말했으면 자동이 아닌 것도 있겠죠? 맞습니다. 이는 [강제 타입 ..
3. 입력 양식 작성(2) - input 태그 2 지난 아티클부터 input type 종류별 특성에 대해서 하나씩 살펴보고 있습니다. 계속해서 다양한 input type에 대해서 살펴보도록 하겠습니다. ○ type="search" / "url" / "email" / "tel" : 입력 유형 자동 인식타입 위 속성들의 경우, HTML5 이전까지 각 입력값의 종류를 직접 확인하는 등 텍스트 필드에서 구분하기 어려웠던 속성들입니다. HTML5에 들어서는 intput type을 명시해 주면 브라우저나 작동 환경에 따라서 다소 차이는 있지만, 해당 필드에서 입력되는 값이 어떤 유형인지 자동으로 인식해 분류할 수 있게 되었습니다. - search : 일반적인 텍스트 필드처럼 보이지만, '검색'을 위한 텍스트 필드로 인식됩니다. 자동으로 X 버튼이 노출됩니다. - ..
3. 입력 양식 작성(2) - input 태그 1 이번 아티클부터, 본격적으로 input 태그의 종류와 속성에 대해서 살펴보겠습니다. 사실 input 태그에는 꽤 여러 가지 종류의 타입과 속성이 존재하기 때문에, 일일이 망라하는 것은 어려운 일입니다. 우선은 최대한 자주 사용하는 것들 중심으로 살펴보겠습니다. 여기서 설명하는 것 이외의 타입이나 속성들이 궁금하면, 아래의 페이지에서 예시와 함께 살펴보시기를 추천드립니다. 본 내용들을 어느 정도 이해한 이후에는 이런 리스트에서 원하는 내용만 빠르게 찾아서 사용하실 수 있을 것입니다. : 입력 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는 웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성합니다. 사용자 에이전트에 따라서 다양한 종류의 입력 ..
상속(9) - 파라미터의 다형성 앞선 아티클에서, 다형성에 대해 살펴보면서 상속받은 자식 클래스의 자동 변환이 일어나는 케이스에 대해서 살펴보았습니다. 이때 주로 인스턴스 생성 과정을 중심으로 다루었고, 결국 '필드'값이 자동 변환되는 경우에 대해서 자세하게 알아봤습니다. 이 과정에서 자식 클래스 타입이 부모 클래스 타입으로 자동 변환이 일어나고, 사용할 수 있는 메서드와 필드 값에 변화가 생기는 특성과 오버라이드의 실제 적용 사례를 살펴보았습니다. 그런데, 이 다형성이 발현되는 것이 비단 필드 영역에서만 한정되어 일어나는 것이 아닙니다. 필드 값뿐만 아니라 파라미터에서도 동일한 성격을 적용하고 다형성의 성질을 활용할 수 있기 때문이죠. 필드에서와 마찬가지로, 부모 클래스 타입의 데이터를 요구하는 경우에 자식 클래스 타입의 데이터를 자..
3. 입력 양식 작성(1) - 기본 form 태그 웹 상에서, 특정 값을 입력하여 서버나 DB로 값을 보내 처리하는 등의 동작을 위해서는 여러 가지 입력 폼(form)을 사용하게 됩니다. 아마 html에 조금 익숙하신 분들이라면 태그를 가장 먼저 떠올리실 분들이 많을 텐데, 일단 여기서는 간단하게 기본 폼 태그인 에 대해서 살펴보면서 기본적인 내용을 먼저 익히도록 하겠습니다. 기본 태그의 유형은, 태그 사이에 속성과 폼 관련 요소들을 삽입하는 형태로 구성됩니다. 폼 요소 위에서 기술된 '속성'은 몇 가지 대표적인 속성들이 있습니다. 하나씩 살펴보도록 하겠습니다. ○ name 이 속성은 JS로 폼을 제어하는 경우에 사용할 폼의 이름을 의미합니다. ○ action 태그의 내용을 처리할 서버 프로그램을 지정합니다. 예를들어 해당 폼을 실행했을 경우 서버로 내..
상속(8) - 배열을 이용한 객체 관리 이번 시간에는, 상속과 직접적인 관련이 있는 기능은 아니지만 배열을 통해 다수의 객체를 관리하는 방법에 대해서 살펴보겠습니다. 일종의 코드 최적화 방법이라고 볼 수 있는데, 다수의 인스턴스를 다루는 데 있어서 효율성을 증대할 수 있고 자식 객체의 자동 변환과도 연관되어 있는 방법입니다. 앞선 아티클에서 작성한 Car, Tire 클래스 예시를 수정해서 진행해 보겠습니다. 상속(7) - 필드의 다형성 3 지난 아티클에서 필드의 다형성 예제를 위한 Tire, Car 클래스 작성을 진행했습니다. 이어서 Tire를 상속받는 자식 클래스와 실행 클래스에 대해서 살펴보겠습니다. public class Tire { // 필드 public int m nozeroslope.tistory.com 우선 Car 클래스의 필드를..
2. 내용 입력하기(6) - 하이퍼링크 삽입 하이퍼링크를 삽입하는 것은 대부분 크게 어렵지 않게 사용하시고 계실 것입니다. 그래도 html 태그 활용 중 의외로 중요한 부분이니 간단하게라도 짚고 넘어가도록 하겠습니다. ○ 와 href 속성 - 하이퍼링크 생성 하이퍼링크 생성에는 태그를 사용하게 됩니다. 여기에 href 속성 값으로 링크를 하고자 하는 url을 작성하게 되지요. 태그 사이에는 텍스트를 삽입하거나, 태그 등을 이용해 이미지를 삽입하게 됩니다. 그러면 해당 값을 클릭했을 때 링크를 띄워주게 되는 형태로 작동하게 됩니다. 텍스트 또는 이미지 url 여기에서 새로운 탭으로 링크를 출력하기 위해서는 target 속성을 사용해야 합니다. 새로운 탭에서 띄울 경우에는 _blank를 사용하게 됩니다. 이를 별도로 지정하지 않게 되면, _self 즉..
상속(7) - 필드의 다형성 3 지난 아티클에서 필드의 다형성 예제를 위한 Tire, Car 클래스 작성을 진행했습니다. 이어서 Tire를 상속받는 자식 클래스와 실행 클래스에 대해서 살펴보겠습니다. public class Tire { // 필드 public int maxRotation; public int accumulatedRotation; public String location; // 생성자 public Tire(String location, int maxRotation) { this.location = location; this.maxRotation = maxRotation; } // 메서드 public boolean roll() { ++accumulatedRotation; if(accumulatedRotation < maxR..

티스토리툴바