본문 바로가기

Programming

 (477)
2. 내용 입력하기(5) - 오디오/비디오 삽입 이번 시간에는 html 웹 문서에서 오디오, 비디오 파일뿐만 아니라 기타 다양한 멀티미디어 타입의 파일을 첨부하는 방법에 대해서 살펴보겠습니다. 현재는 비슷한 동작을 하는 태그가 여러 가지 존재하는데, 실제로 자신이 즐겨 방문하는 웹페이지에서 어떤 식으로 첨부하는지 소스를 참고하는 것도 큰 도움이 될 것입니다. ○ 실제로 다음과 같은 방식으로 파일명을 입력하여 게시해 보도록 하겠습니다. ○ - 다양한 타입의 파일 삽입 태그는 일단 종료 태그 없이 단독으로 사용하며, 과거에 비디오 링크 등을 웹 게시판에 붙일 때 많이 쓰셨던 것을 기억하실 겁니다. 현재는 , , 등의 태그를 지원하지 않는 브라우저일 경우 사용하게 됩니다. src 속성을 이용해서 파일의 위치를 표시합니다. ○ , - HTML5에서의 비디오,..
상속(7) - 필드의 다형성 2 앞선 예제에서, 간단히 Tire와 Car 클래스를 예시로 들어 필드 값의 다형성을 살펴보았습니다. 이제 본격적으로 상세 코드 작성을 통해 다형성을 활용한 프로그램을 짜보도록 하겠습니다. 일단 Tire 클래스를 먼저 설계해 보겠습니다. Tire 클래스가 갖는 필드와 생성자, 메서드에 대해서 아래와 같이 요약해 보았습니다. 아래의 요약 내용을 통해서 Tire 클래스를 작성해 볼까요? ○ Tire 클래스 필드 · maxRotation : 최대 회전 수. 타이어의 수명을 의미하며, 이 수치에 도달하면 타이어는 망가진다. · accumulatedRotation : 누적 회전 수. roll( ) 호출 시 1씩 증가해 누적되며, 이 수치가 maxRotation이 되면 망가진다. · location : 타이어의 위치를..
2. 내용 입력하기(4) - 이미지 삽입 이번 시간에는 html 문서에 이미지를 삽입하는 태그에 대해 살펴보겠습니다. 사실, 일반적인 커뮤니티 게시판이나 댓글을 달 때 많이 써본 분들도 있어서 익숙하겠지만, 세부적인 속성 값과 적용 방식에 대해서 다시 한번 제대로 배워본다는 느낌으로 편하게 살펴보시기 바랍니다. ○ 태그와 대표 속성 값 일단 기본적으로 이미지를 html 문서에 삽입하기 위해서는 태그를 사용합니다. 종료 태그 없이, 단독으로 사용하게 되죠. 하지만 대부분의 경우 태그만 단독으로 사용하는 경우는 없습니다. 바로 src라는 속성을 부여하게 됩니다. 이 src는 이미지의 경로를 의미합니다. 위에서 상대 경로로 경로 작성 속성 예시를 적어두었는데, 말 그대로 해당 태그가 작성되는 html 파일 경로를 기준으로 상대 경로를 작성해야 하기 ..
상속(7) - 필드의 다형성 1 앞서서 자바의 다형성에 대해 공부하면서, 클래스의 상속관계와 이에 따라서 부모 클래스로 타입의 자동 변환이 일어날 수 있고, 그럼에도 불구하고 자동 변환이 일어난 객체에서도 오버라이드를 통해 자식 클래스에서 재정의된 메서드까지 호출될 수 있음을 배웠습니다. 짧게 한 단락으로 요약하였지만, 앞으로 배울 다형성에 관련된 성질들과 학습 내용은 이 전제 조건을 바탕으로 설명되기 때문에 잊지 말고 다시 한번 꼭 복습하시기를 바랍니다. 이제부터는 이 다형성이라는 성질이 실제 프로그램 설계에 어떻게 이용되는지 구체적으로 살펴보도록 하겠습니다. 우선 대표적인 예시인 자동차의 타이어 사례를 중심으로 설명해 보겠습니다. 기본적으로 자동차인 Car 클래스, 타이어인 Tire 클래스가 존재합니다. 그리고 Tire라는 클래스를..
2. 내용 입력하기(3) - 표 생성하기 3 지금까지는 주로 html에서 테이블을 생성하고 내용을 작성한 다음, 셀을 합치는 기능까지 살펴보았습니다. 오늘은 CSS 레벨이 아닌 html 태그 레벨에서 스타일을 지정할 수 있는 태그를 살펴보려고 합니다. 바로 열을 중심으로 스타일을 묶어서 지정할 수 있는 과 태그입니다. ○ 열 단위의 스타일 적용 태그 - , 우선 특정 열을 기준으로 스타일을 일괄적으로 지정할 수 있는 태그는 과 입니다. 이 태그를 사용하려면 약간의 조건과 적용 구조를 알아두어야 합니다. 기본적으로 과 태그를 작성하는 위치는 바로 다음입니다. 즉, 태그로 표를 선언하고 제목을 지정한 다음 본격적으로 표의 내용(row를 정의하는) 태그가 작성되기 전에 작성해야 합니다. 즉, 표의 기본 생성 이전에 미리 전제 조건을 선언해 주는 것이라고..
상속(6) - 타입 변환과 다형성 3 앞서 살펴본 아티클에서 상속과 이와 관련한 중요 특성 중 하나인 다형성에 대해서 기본적인 개념과 특징을 살펴보았습니다. 다시 한번 짚고 넘어가자면, 결국 하나의 타입의 데이터를 이용하지만 다양한 결과를 얻을 수 있는 특징이라는 점이 주요 포인트였죠? 이번에는 추가적으로 알고 있어야 할 상속 관계에 있어서 관련되는 상속 객체의 특징을 살펴보고, 예제를 통해 종합적으로 클래스의 상속과 다형성의 특징을 알아보고자 합니다. 우선 지금까지 예제를 통해 설명하면서 Parent - Child 클래스 1개씩을 다루었습니다. 그럼 여기서 하나 더 의문이 생기는 지점이 있습니다. 만일, Parent - Child - Child2 - Child3....와 같이 연속적으로 복수의 상속관계가 성립하는 경우에는 다형성의 특징이 ..
2. 내용 입력하기(3) - 표 생성하기 2 지난 시간에는 기본적인 표(table)의 생성과 영역의 구분에 대해서 학습했습니다. 표의 외형과 스타일을 지정하는 부분에 대해서는 추구 CSS 학습을 통해 진행할 예정이니 조금만 기다려 주세요. 2. 내용 입력하기(3) - 표 생성하기 1 이제 html 문서 내에서 표를 만드는 방법을 살펴볼 차례입니다. 일반적으로 워드프로세서나 게시판의 텍스트 에디터에서는 표 생성 도구가 제공되기 때문에 아주 간편하게 드래그나 행/열 칸 수 nozeroslope.tistory.com 이번 시간에는, 표를 생성한 다음 각 행과 열의 셀을 합치는 기능에 대해서 살펴볼 것입니다. 워드나 엑셀, 스프레드 시트에서는 간단히 드래그하여 "합치기" 기능을 실행만 하면 되는 기능이지만, html 태그로 수행할 경우에는 다소 골치가 아..
상속(6) - 타입 변환과 다형성 2 앞서 상속과 관련하여, 다형성이란 성질에 대한 기본 개념을 다루어 보았습니다. 중요한 내용이니 잘 기억이 나지 않으신다면, 다시 한번 상기하고 오시는 것을 추천드립니다.

티스토리툴바