전체

4. HTML 공간 분할

1. HTML 요소의 타입 HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가집니다. 대부분의 HTML 요소는 이러한 display 속성값으로 다음 두 가지 값 중 하나를 가지게 됩니다. 블록(block) 인라인(inline) 2. 블록(block) 타입의 요소 display 속성값이 블록(block)인 요소는 언제나 새로운 라인(line)에서 시작하며, 해당 라인의 모든 너비를 차지합니다. p요소는 display 속성값이 블록인 요소입니다. , , , , , 요소는 display 속성값이 블록(block)인 대표적인 요소입니다. 2-1. 요소 요소는 다른 HTML 요소들을 하나로 묶는 데 자주 사용되는 대표적인 블록(block) 요소입니다. 요소는 주로..

3. 변수와 데이터 타입

1. 변수(variable) 대부분의 프로그램은 데이터를 활용하여 다양한 동작을 수행하며, 이러한 데이터는 컴퓨터의 메모리 공간에 저장될 수 있습니다. 이때 데이터를 저장한 메모리 공간에 이름을 할당받아야만 나중에 다시 해당 데이터에 접근할 수 있습니다. 이것은 마치 다음과 같이 제목(label)을 붙여 놓은 서류함(cabinet)과 비슷한 원리라고 생각하면 됩니다. 이처럼 프로그램에서 사용되는 데이터를 저장해 놓는 일종의 저장 공간을 변수(variable)라고 부릅니다. 즉, 변수란 데이터를 저장할 수 있도록 이름을 할당받은 메모리 공간을 의미하며, 이렇게 저장된 데이터에는 언제든지 다시 접근하거나 그 값을 변경할 수 있습니다. 1-1. 변수의 사용 다음은 애국가 1절 전반부를 세 번 출력하기 위해서 ..

2. 파이썬의 기초

1. 표준 입출력 함수 대부분의 프로그램은 사용자의 입력을 받아 동작을 수행한 후 그 결과를 다시 사용자에게 출력하는 형태를 가지고 있습니다. 따라서 프로그램을 만들 때 입출력 작업은 매우 기본적인 동작이 되며, 대부분의 프로그래밍 언어에서는 표준 입출력 함수라는 것을 통해 이러한 기능을 제공합니다. 파이썬에서도 사용자에게 출력 내용을 보여주기 위한 표준 출력 함수로 print() 함수를 제공하며, 사용자의 입력을 받기 위한 표준 입력 함수로 input() 함수를 제공하고 있습니다. 함수(function)란 하나의 특별한 목적의 작업을 수행하기 위해 독립적으로 설계된 프로그램 코드의 집합으로 정의할 수 있습니다. 함수를 사용하면 반복적인 프로그래밍을 피할 수 있으며, 모듈화로 인해 전체적인 코드의 가독성..

1. 파이썬 소개

1. 파이썬(Python) 파이썬은 1989년 귀도 반 로썸(Guido van Rossum)에 의해 개발된 고급 프로그래밍 언어로, 2018년 현재 실무와 교육 양쪽 모두에서 엄청난 인기를 끌고 있는 언어입니다. 배우기 쉬운 동시에 속도도 빠르며 다양한 확장성을 가진 파이썬은 그 중요성을 인정받아 4차 산업혁명에 대비한 대한민국 2015년 개정 교육과정에 포함되었습니다. 2. 파이썬의 특징 파이썬을 공부하다보면 파이써닉(pythonic)이라는 독특한 개념의 단어를 접할 수 있습니다. 파이써닉(pythonic)이란 ‘파이썬다운’이라는 의미로 파이썬 특유의 문법을 잘 활용하여 효율적이고도 간결하게 코드를 작성하는 것을 가리킵니다. 이처럼 파이썬은 다른 프로그래밍 언어와는 약간 구별되는 특징들을 가지고 있으며..

3. HTML 기본 요소

1.HTML 스타일(Style) HTML 요소의 style 속성(attribute)을 이용하면 CSS 스타일을 HTML 요소에 직접 설정할 수 있습니다. 하지만 이러한 style 속성을 이용한 방법은 오직 단 하나의 HTML 요소에만 스타일을 적용할 수 있습니다. 1-1. 배경색 변경 다음 예제는 style 속성을 이용하여 배경색을 변경하는 예제입니다. style 속성을 이용한 배경색 변경 1-2. 글자색 변경 다음 예제는 style 속성을 이용하여 글자색을 변경하는 예제입니다. style 속성을 이용한 글자색 변경 1-3. 글자 크기 변경 다음 예제는 style 속성을 이용하여 글자색을 변경하는 예제입니다. style 속성을 이용한 글자 크기 변경 1-4. 문단 정렬 변경 다음 예제는 style 속성을..

2. HTML 텍스트 요소

1. 제목(Heading) HTML은 제목을 표현할 수 있는 다양한 크기의 태그를 제공합니다. 가장 큰 태그부터 가장 작은 태그까지 다양한 크기로 제목을 표현할 수 있습니다. 제목1의 크기입니다! 제목2의 크기입니다! 제목3의 크기입니다! 제목4의 크기입니다! 제목5의 크기입니다! 제목6의 크기입니다! 태그의 위아래로는 약간의 여백이 자동으로 삽입됩니다. 이런 태그는 제목의 표현이라는 기능 외에도 또 다른 중요한 역할을 하고 있습니다. 여러 검색엔진은 각 웹 사이트의 내용을 바로 이 태그를 이용하여 키워드를 수집하고, 그 내용을 파악합니다. 따라서 HTML 문서에 포함되는 제목은 태그로 작성해야만 검색엔진에 의해 제대로 검색될 확률을 높일 수 있습니다. HTML 문서의 제목에 해당하는 부분을 태그나 태그..

1. HTML 소개

1. HTML 개요 HTML은 웹 페이지를 만드는 데 사용하는 언어이며 매우 쉽게 배울 수 있습니다. 모든 태그는 미리 정의되어 있으며, 각각의 태그와 속성을 사용하기만 하면 됩니다. 2. HTML 기초 HTML은 HyperText Markup Language의 약자입니다. 웹 페이지는 HTML 문서라고도 불리며, HTML 태그들로 구성됩니다. 각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는 데 사용됩니다. 예제 제목 1 제목 2 제목 3 단락 1 단락 2 2-1. HTML 태그(tag) HTML 태그는 태그 이름을 꺾쇠 괄호()로 감싸서 표현합니다. // 시작 태그 // 종료 태그 HTML 태그는 보통 시작 태그(start tag, opening tag)와 종료 태그(end tag, cl..