본문 바로가기

분류 전체보기

 (102)
[HTML] Chapter 06. 멀티미디어 삽입과 경로 지정 1. 파일 경로 지정 html에서 이미지를 구현할 때 올바른 경로 지정이 매우 중요하다. src로 경로를 지정하면 기본적으로 html과 같은 폴더의 이미지 파일을 구현한다. 하지만 웹 사이트의 구현은 다양한 이미지가 필요하고 이를 체계적으로 정리하여야 수정 및 정보 확인이 쉽다. 1.1. 기본 파일 경로: ./ 파일 경로 지정은 src=”파일 이름”을 통해 지정한다. 파일 이름은 해당 이미지의 속성값을 포함한 정보이다. (.png/ .jpg 등) 폴더를 별도로 지정하지 않으면 html과 같은 폴더에서 이미지를 탐색한다. ./ 는 파일 경로를 지정할 때 ‘같은 폴더 안에’라는 의미를 가진다. 예를 들어, 로도 이미지 구현이 가능하지만. ./를 이용하여 로도 같은 이미지를 구현할 수 있다. 1.2. 하위 파..
[HTML] Chapter 05. 표만들기 1. 표를 만드는 Tag: 표를 만드는 Tag는 로 해당 태그만으로는 구현되는 정보가 존재하지 않는다. 기본적으로 행은 , 열은 로 표시한다. 별도로 style을 지정하지 않으면 표시되는 픽셀은 없다. 해당 table 태그 안에 위치한 tr만큼 행이 생성되고, td는 행에 구성된 열을 만든다. (style과 선의 종류에 대해서는 추후 디자인 챕터에서 다룰 것이다.) 선행 학습: table에 선을 긋는 것은 ‘style border:0px’로 굵기를 지정하고, ‘solid color;’로 지정한다. 해당 속성은 td에도 적용할 수 있다. tr은 가로 라인이므로 해당 스타일 적용이 불가능하다. 2. 표의 특성을 일괄적으로 지정하는 Tag: 표나 특정 영역에 대한 기본적인 표현 방식을 지정할 때, style을..
[HTML] Chapter 04. 목록 형성 1. html에 주석 기입하기: 주석 기능은 html에서 별도의 설명이 필요하거나 협업이 필요한 경우, 이미 제작한 코드를 숨겨야할 때 사용한다. 해당 주석 기능을 이용하면 인수 인계에 용이하다. 2. 순서있는 목록 기능: ol 태그는 Ordered List의 줄임말로 순서가 있는 리스트를 구현할 때 사용한다. 해당 태그는 태그 내부에 태그가 있어야 기능한다. 순서대로 1부터 시작하여 기입되며, 태그 자체의 기능이기 때문에 실제 데이터를 가지지 않는다. (웹 페이지에서 해당 목차 번호가 복사되지 않는다.) 만약 다른 문자나 정보를 중심으로 목차를 구성하고 싶다면 type을 지정할 수 있다. , P 항목에 숫자, 영어, 로마자를 대입하여 타입에 따른 목록을 구성할 수 있다. 해당 기능은 ‘순서가 있는’ 목..
[HTML] Chapter 03. HTML의 문자 표시 1. 사용하는 언어의 문자 코드 정의 html은 영어권 국가에서 사용하는 코드로 한글 인식이 어려울 경우가 있다. 때문에 초반에 메타 데이터를 지정하여 글자가 깨지는 현상을 방지할 필요가 있다. 한글 입력이 가능한 코드는 utf-8이며, 메타 데이터 지정은 을 이용한다. 중요: html의 태그는 기본적으로 쌍으로 사용된다. 다만 이는 해당 ‘형식’으로 정보를 표시해달라는 약속이다. 때문에 사용자에게 보여줄 필요가 없는 데이터나 특정 형식으로 구현이 불가능한 명령어는 단독으로 사용된다. 단독으로 사용되는 태그와 그렇지 않은 태그를 숙지하여야 코딩 작업 중에 실수가 생기지 않는다. 2. 문단 지정 태그 html은 줄바꿈을 Enter을 통해 적용하지 못한다. 때문에 문단 데이터를 지정하여 줄바꿈을 적용해줄 필..
[HTML] Chapter 02. HTML 웹페이지를 만드는 방법 1. 마크업을 통한 데이터의 구성 웹 페이지는 Head와 Body로 데이터를 구성하고 있다. 각 항목에 데이터를 기입하여 시각화할 데이터를 제공할 수 있다. 몸통부분 문단을 분리할 수 있습니다. 위의 코드를 TXT로 작성하여 확장자를 HTML으로 변경하면, 웹 페이지로 연결하여 정보를 확인할 수 있다. 웹 페이지의 헤더는 해당 페이지의 이름, 바디는 출력되는 페이지 안의 데이터를 말한다. 2. HTML의 문서 (HTML Documents) 구조 HTML은 컴퓨터와 소통하기 위한 하나의 언어이다. 때문에 컴퓨터가 잘 이해할 수 있도록 문서를 만들 때 일종의 법칙이 존재한다. 형식을 정확하게 맞춰주어야 의도한 대로 모양이 나온다. Notice: Tag (정식명칭: 브라켓)의 개념: 기호를 이용하여 표시하는 ..
[HTML] Chapter 01. HTML 기본 개념 1. HTML (Hyper Text Markup Language)은 무엇인가? HTML은 서버애플리케이션에서 작동하는 소프트 웨어를 실행하는 프로그래밍 언어를 말한다. 서버 애플리케이션이란 하드웨어에서 직접 실행하는 애플리케이션이 아닌 서버를 통해 작동한다. HTML은 언어를 초월하여 데이터의 구조를 표현하는 언어(규칙)을 말한다. HTML을 통해 구설된 구조와 데이터는 웹 브라우저를 통하면 시각적으로 표현된다. 즉, HTML은 웹 브라우저를 통해 데이터를 시각적으로 구조화하는 언어를 말한다. HTML의 프로그램 구성은은 글자이지만 출력되는 방식은 이미지이다. 2. 웹 브라우저 (Web Browser)은 무엇인가? HTML언어를 받아 시각적으로 표현해주는 애플리케이션이다. 웹 브라우저를 거치지 않은 HT..
[JAVA] Chapter 18. 변수의 스코프와 라이프 타임 1. 변수의 스코프와 라이프 타임 변수의 스코프(영역)란 변수가 접근할 수 있는 유효 범위를 말한다. 일반적인 규칙은 변수가 선언된 블록내에서만 변수에 접근할 수 있다. 블록은 { }을 말하는데, Java에서 Class와 Method가 블록을 가진다. 쉽게 말해 스코프란 변수를 사용할 수 있는 영역이고, 스코프는 변수가 선언되는 영역에 따라 접근하는 방법이 다르다. 라이프 타임은 이러한 변수가 유효한 시간을 말하는데, 프로그램이 구동되는 동안 변수가 '값을 담고 있을 수 있는 주기'를 말한다. 라이프 타임은 변수의 종류에 따라 상이하기 때문에 각각의 차이를 이해하는 것이 중요하다. 2. 변수의 종류: 선언 위치에 따른 분류 변수는 선언한 위치에 따라 멤버변수와 지역 변수로 나뉜다. 멤버변수는 클래스 영역..
[JAVA] Chapter 17. 함수와 메소드 1. 함수(function)와 메소드(Method)의 정의 함수는 특정 기능을 제공하기 위한 프로그램의 모듈을 말한다. 함수는 전달된 값에 대해 동작을 수행하고 값을 도출한다. 함수는 동적인 행동을 부여하는 것으로 메소드와 기능적인 차이에 구별을 두기는 힘들다. 하지만 메소드는 클래스의 포함 대상이며, 클래스는 필드와 메소드로 나뉜다. 즉, 메소드를 호출하려면 해당 클래스를 먼저 참조하고 정의한 상태여야 한다. 쉽게 말해, 함수는 클래스에 포함되지 않아도 실행이 가능하고 기능을 하는 명령문이고, 메소드는 클래스에 포함된 명령문의 집합을 말한다. 때문에 메소드는 객체를 대상으로 하며, 메소드 자신 또한 객체로 취급되어 객체와 같은 특성을 가진다. 메소드는 만들어져 있는 것을 사용하기도 하고, 직접 만들기도..

티스토리툴바