01_태그 (웹페이지) 01_태그 (코드)

CSS의 뜻과 구성요소 CSS : Cascading Style Sheet의 약자로 디자인 영역을 담당하는 언어. CSS3이 등장하며 텍스트 그림자, 그라데이션, 등 디자인으로 표현할 수 있는 영역이 늘어남. 또한 애니메이션 기능이 추가되어 일정범위내에서 제이쿼리와 자바스크립트를 대체함. CSS의 구성요소 : HTML 영역, 속성, 속성값 ex) 디자인을 적용할 HTML영역 { 속성: 속성값; } ex) 이미지 { 너비: 30px; 높이: 50px; 컬러: black; } CSS 연동 방법 인터널 방식 : HTML 문서 안에 태그를 사용하여 CSS 적용하는 방식 인라인 방식 : HTML 태그 안에 style 속성을 사용하여 적용하는 방식 익스터널 방식 : CSS 파일을 생성하여 HTML 문서와 연동하는 방..

웹사이트의 공간 상단 : 중앙 : , 하단 : 작은 구역 : 웹 사이트의 공간을 정의하는 태그 태그 : 웹 사이트의 머리글. 로고, 메뉴, 회원가입, 검색창 등을 표시할 때 사용. 태그 안에는 ~ 태그를 이용하여 회사 이름이나 슬로건을 작성. 태그 : 메뉴 버튼을 담는 공간. 태그 안에는 버튼을 만들 때 사용하는 , , 태그를 입력할 수 있음. 태그 : 웹 사이트 영역을 설정할 때 사용. (ex)책에서의 각 챕터의 내용을 담은 영역). 태그 안에는 반드시 ~태그 중 하나는 있어야 한다. 태그 : 웹 사이트의 본문 내용 전체를 감쌀 때 사용. 따라서 HTML 문서 한 개당 한 번만 사용 가능. 홈페이지의 주요 컨트롤러(상품소개, 최근 best상품 등)를 입력함. 태그 : 웹 사이트 하단에 들어가는 정보를 ..

HTML 태그의 구성요소 HTML 태그 : 열린태그와 닫힌태그, 속성, 속성값으로 구분. 콘텐츠 태그 : 입력된 정보의 성격 속성 : 태그가 가진 역할 속성값 : 태그가 어떤 역할을 수행할지 구체적인 명령을 내리는 역할 콘텐츠 : 열린 태그와 닫힌 태그 사이에 있는 내용물. 웹사이트의 텍스트 정보를 입력하거나 다른 HTML태그를 삽입. HTML 문서의 기본구조 HTML 주요 태그 태그 : a태그의 콘텐츠를 클릭하면 특정 영역이나 특정 페이지로 이동. -href 속성 : hypertext referrence의 약자로 연결할 주소를 저장할 때 사용. 텍스트를 선택하여 웹사이트로 이동하려면 a태그의 href속성의 속성값으로 URL주소를 입력하면된다. (URL주소가 정해지지 않았다면 #기호를 기본값으로 입력. ..

HTML, CSS, 자바스크립트 HTML : HyperText Markup Language(하이퍼 텍스트 마크업 언어)의 약자. 웹사이이트를 만들기 위해 사용하는 프로그래밍 언어 중 하나. 설계 작업. 웹사이트에 접속 시 눈에 보이는 정보(텍스트,이미지) 등을 HTML로 입력 CSS : 디자인 작업. 공간과 정보에 디자인을 입히는 역할(공간 크기 설정, 글자 색 변경 등) 자바스크립트 : 기능 작업. (이미지 슬라이드 효과, 팝업 알림 등) 웹 사이트 레이아웃의 종류 정적 레이아웃 : 공간의 크기가 변하지 않는 고정 레이아웃. 데스크톱 화면보다 크게 제작된 웹사이트를 접속하면 콘텐츠가 잘린 상태로 출력되면서 스크롤이 발생. 스마트폰, 태블릿 등에서는 웹사이트 크기가 각 기기화면에 맞게 작게 출력되지만, ..

핵심개념 추상 : 실체 간의 공통되는 특성을 추출한 것. ex) 고양이, 강아지, 새의 공통되는 특성을 추출할 시 동물이라 공통점이 있음. 여기서 동물이 실체들의 공통되는 특성을 가지고 있는 추상적인 것. 실체클래스 : 객체를 직접 실행할 수 있는 클래스 추상클래스 : 실체클래스들의 공통적인 특성(필드, 메소드)를 추출하여 선언한 것. 추상클래스와 실체클래스는 부모(추상) 자식(실체)클래스로서 상속 관계를 가짐. 추상클래스의 용도 1. 공통된 필드와 메소드의 이름을 통일할 목적 : 데이터와 기능이 동일함에도 불구하고 이름이 다르면 객체마다 사용방법이 달라지므로. 2. 실체 클래스를 작성할 때 시간 절약 : 공통적인 필드와 메소드는 추상클래스에 선언, 다른 점만 실체클래스에 선언 시 실체 클래스 작성 시간..

핵심개념 타입변환 : 기본타입과 마찬가지로 클래스도 타입 변환이 있으며, 이를 활용하면 객체 지향프로그래밍의 다형성을 구현할 수 있다. 다형성 : 사용 방법은 동일하지만 다양한 객체를 활용해서 여러 실행결과가 나오도록 하는 성질. ex) 자동차가 타이어를 사용하는 방법은 동일. but 어떤 타이어를 사용하느냐에 따라 주행성능이 달라짐. 다형성을 구현하기 위해서는 메소드 재정의와 타입변환이 필요하다. -> 메소드 재정의 + 타입 변환 = 다형성 자동 타입 변환 : 프로그램실행 도중 자동으로 타입 변환이 일어나는 것. 클래스의 변환은 상속관계에 있는 클래스 사이에서 발생하며, 자식은 부모 타입으로 자동 타입 변환이 가능하다. 이때, 바로 위의 부모가 아니더라도 상속계층에서 상위 타입인 경우 자동 타입변환이 ..

핵심개념 상속 : 객체지향프로그래밍에서 부모클래스의 멤버를 자식클래스에게 물려주는 것. 중복되는 코드를 줄여주며 유지 보수시간을 최소화한다는 장점이 있다. 클래스 상속 : 자식클래스 선언 시 어떤 부모 클래스를 상속받을 지 선택한뒤 extends 뒤에 부모클래스를 기술한다. ex) class 자식클래스 extends 부모클래스 { //필드 //생성자 //메소드 } 상속의 특징 1. 한개의 부모클래스만 상속받을 수 있다. 2. 부모클래스에서 private접근 제한을 갖는 필드와 메소드는 상속대상에서 제외된다. 3. 부모와 자식 클래스가 다르 패키지에 존재할 경우 default접근 제한을 갖는 필드와 메소드 역시 상속대상에서 제외된다. public class CellPhone { //필드 String mod..