이 페이지의 게시글 목록

날짜제목
날짜제목

HTML의 유용한 태그 <base>

이 포스트는 HTML의 <base> 태그에 관한 내용입니다. <base> 태그는 HTML5 표준이 정해지기 전에도 이미 표준으로 정해져 있는 태그입니다. 이 태그는 <head> … </head> 안에 쓰여 마치 <meta> 태그와 같이 작동하는 태그로, 페이지의 링크가 상대경로로 되었을 때 그 기준이 될 경로를 지정하고 다른 페이지로 링크할 때 기본적으로 그 링크의 대상이 되는 창 혹은 프레임을 어디로 할 … “HTML의 유용한 태그 <base>” 더 읽기

파이썬으로 병합 정렬 알고리즘 구현하기

이 포스트는 파이썬에서 병합 정렬 알고리즘을 구현한 포스트입니다. 필자의 티스토리 블로그에서도 병합 정렬을 구현한 포스트를 포스팅했지만 여기서는 그 코드를 조금 개량하였습니다. 병합 정렬(Merge sort)이라는 것은 합병 정렬이라고도 하는데, 말 그대로 병합해서 정렬하는 방법입니다. 어떻게 정렬하느냐 하면, 우선 정렬을 수행할 배열의 크기(원소의 개수)가 0 혹은 1이면 정렬이 완료된 것으로 보고 2 이상일 경우 정렬을 하는데 예를 … “파이썬으로 병합 정렬 알고리즘 구현하기” 더 읽기

HTML5에서 추가된 유용한 태그 <time>

이 포스트는 HTML5에서 추가된 <time> … </time> 태그에 관한 내용입니다. <time> 태그는 ‘HTML 문서에는 의미적인 기능을 부여한다’는 W3C의 기조를 반영하기 위해 HTML5에서 추가된 태그 중 하나입니다. 이 태그의 용도는 문서 내용 안에 어떤 날짜나 시간을 나타내는 표현이 있을 때 그 부분에 사용하여 알맞은 날짜나 시간을 컴퓨터가 인식할 수 있게 의미적으로 나타내는 데 사용합니다. 이 태그의 … “HTML5에서 추가된 유용한 태그 <time>” 더 읽기

파이썬의 유용한 연산자 in

이 포스트에서는 파이썬에 쓰이는 연산자 중 유용한 연산자 in을 소개합니다. in은 멤버 연산자입니다. 어떤 배열이 있을 때 그 배열에 특정한 값이 있는가를 찾아서 그 값이 있으면 True(참)를, 없으면 False(거짓)를 돌려줍니다. 다음 코드를 봅시다. a = [1, 2, 3] print(1 in a) print(4 in a) print(1 not in a) print(4 not in a) 이 코드의 실행 … “파이썬의 유용한 연산자 in” 더 읽기

파이썬 2.7과 파이썬 3의 나눗셈 차이

이 포스트에서는 파이썬 2.7과 파이썬 3에서의 나눗셈의 차이점을 설명합니다. 5를 2로 나누는 식을 파이썬 2.7과 파이썬 3에서 함께 시도해 봅시다. 먼저, 파이썬 2.7에서 시도해 봅시다. >>> print 5 / 2 2 그 다음은 파이썬 3에서 시도해 봅시다. >>> print(5 / 2) 2.5 둘 다 똑같이 5를 2로 나누었는데 파이썬 2.7에서는 2를 출력하였지만 파이썬 3에서는 2.5를 … “파이썬 2.7과 파이썬 3의 나눗셈 차이” 더 읽기

소셜 미디어 연동을 위한 오픈그래프 태그

이 포스트에서는 오픈그래프 태그에 관한 내용을 다룹니다. 오픈그래프(Open Graph)는 웹 페이지를 소셜 미디어와 연동하기 위한 기법입니다. 사이트가 소셜 미디어(트위터, 페이스북, 인스타그램 등)로 공유될 때 오픈그래프 정보가 우선적으로 활용됩니다. 여기에는 제목, 설명, 대표 이미지, URL 등이 들어갑니다. 오픈그래프 정보를 웹 페이지에 삽입할 때는 <head> … </head> 안에 메타 태그(<meta>)의 형태로 삽입합니다. 예를 들면, 다음과 같습니다. <meta … “소셜 미디어 연동을 위한 오픈그래프 태그” 더 읽기

파이썬에서 import 구문 이용하기

파이썬에는 import라는 구문이 있습니다. 이 구문은 파이썬에서 모듈을 불러오는 데 쓰이는 구문입니다. 이는 일일이 선언하기 불편한 함수나 변수, 클래스 등을 모아 모듈화한 파일을 불러와서 쓰기 위한 기능입니다. 미리 만들어져 있는 모듈 외에도 사용자가 직접 만들어서 선언하는 것도 가능한데, 다음 코드를 봅시다. def quicksort(arr, desc = False): if len(arr) <= 1: return arr # only 2 … “파이썬에서 import 구문 이용하기” 더 읽기

코르도바의 config.xml 기본설정

이 포스트에서는 코르도바의 config.xml 파일에 대한 간단한 설명을 서술합니다. 아파치 코르도바 프로젝트를 생성하면 4개의 하위 디렉터리(hooks, platform, plugins, www)와 함께 config.xml이라는 파일이 하나 생깁니다. 이 파일은 코르도바 하이브리드 앱에 관한 설정을 담고 있는 XML 형식의 파일입니다. config.xml 파일은 기본적으로 다음과 같이 생성됩니다. <?xml version=’1.0′ encoding=’utf-8′?> <widget id=”io.cordova.hellocordova” version=”1.0.0″ xmlns=”http://www.w3.org/ns/widgets” xmlns:cdv=”http://cordova.apache.org/ns/1.0″> <name>HelloCordova</name> <description> A sample Apache … “코르도바의 config.xml 기본설정” 더 읽기

파이썬으로 구현한 화폐 매수 계산 알고리즘의 예

이 포스트에서는 파이썬으로 화폐 매수 계산 알고리즘을 구현한 예를 소개합니다. 개정되기 전의 정보처리기사 실기 문제 중에 화폐 매수 계산 알고리즘을 구현하는 문제가 있었습니다. 여기서는 이 알고리즘을 약간 다른 형태로 구현해 보았습니다. 코드는 다음과 같습니다. bill_unit = [50000, 10000, 5000, 1000, 500, 100, 50, 10] s = input(“Amount of money (KRW): “) try: m = int(float(s) … “파이썬으로 구현한 화폐 매수 계산 알고리즘의 예” 더 읽기

박스 크기의 기준을 정하는 CSS

이 포스트에서는 <div> 등의 태그로 그리는 박스 영역의 크기를 잡을 때 그 기준을 정하는 CSS에 대해서 서술합니다. 박스 크기의 기준을 정하는 CSS 프로퍼티의 이름은 box-sizing이며, 이 프로퍼티는 CSS3에서 새로 추가된 프로퍼티입니다. 이 프로퍼티가 가질 수 있는 값은 initial과 inherit를 제외하면 다음과 같이 두 가지가 있습니다. content-box 내용 영역을 기준으로 크기를 잡습니다. 즉, 바깥 여백(margin)과 외곽선(border)과 … “박스 크기의 기준을 정하는 CSS” 더 읽기