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” 더 읽기

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

이 포스트는 HTML5에서 추가된 <ruby> … </ruby> 태그에 관한 내용입니다. 이 태그는 글 내용에 넣는 태그로, 글자 혹은 단어에 덧말을 붙이는 태그입니다. 한자문화권에서 한자 위에 독음을 작은 글씨로 써서 붙이는 경우가 있는데 바로 이러한 표현을 구현하는 태그입니다. 현재도 일본어에서는 한자를 음독과 훈독을 둘 다 하는 특성 때문에 한자 위에(세로쓰기는 한자의 오른쪽에) 히라가나 혹은 가타카나를 조그맣게 … “HTML5에서 추가된 유용한 태그 <ruby>” 더 읽기

아파치 코르도바 프레임워크 소개

이 포스트에서는 아파치 코르도바 프레임워크를 소개합니다. 코르도바 프레임워크는 Node.js 플랫폼을 기반으로 한 프레임워크로, 웹앱을 스마트폰 플랫폼으로 내보내서 하이브리드 앱으로 만드는 데 쓰입니다. 즉, NW.js 프레임워크 소개 포스트에서 소개한 NW.js와 비슷한 프레임워크입니다. NW.js와의 차이점은 NW.js의 경우 데스크톱용 하이브리드 앱을 만드는 데 쓰이는 반면 코르도바는 모바일용 하이브리드 앱을 만드는 데 쓰인다는 점입니다. 모바일용 하이브리드 앱을 만들기 위한 … “아파치 코르도바 프레임워크 소개” 더 읽기