이 페이지의 게시글 목록

날짜제목
날짜제목

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

이 포스트에서는 오픈그래프 태그에 관한 내용을 다룹니다. 오픈그래프(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의 경우 데스크톱용 하이브리드 앱을 만드는 데 쓰이는 반면 코르도바는 모바일용 하이브리드 앱을 만드는 데 쓰인다는 점입니다. 모바일용 하이브리드 앱을 만들기 위한 … “아파치 코르도바 프레임워크 소개” 더 읽기

파이썬 프로그램 실행 옵션 받기

자바 프로그램 실행 옵션 받기 포스트에서 실행 옵션을 받아 처리하는 자바 프로그램 예제를 포스팅하였습니다. 파이썬에서도 자바처럼 실행 옵션을 받아 처리하는 프로그램을 만들 수 있습니다. 다음 코드를 봅시다. #!/usr/bin/python3 import sys for i, str in enumerate(sys.argv): print(“%d: %s” % (i, str) ) 자바보다 코드가 짧고 간단해진 것을 볼 수 있을 것입니다. 여기서는 sys 모듈을 불러와서 sys.argv … “파이썬 프로그램 실행 옵션 받기” 더 읽기

자바 프로그램 실행 옵션 받기

다음과 같은 자바 코드가 있다고 가정을 해 봅시다. public class ArgsTest { public static void main(String[] args) { if ( args.length == 0 ) { System.out.println(“No arguments.”); } else { for ( int i = 0; i < args.length; i++ ) { System.out.format(“%d: %s\n”, i, args[i]); } } } } 이 코드를 보면 2번째 줄에서 … “자바 프로그램 실행 옵션 받기” 더 읽기

스크롤바가 숨겨진 상태에서 스크롤되는 웹 페이지 만들기

웹 페이지를 만들 때 스크롤이 가능하게 하면서도 스크롤바를 숨겨야 할 경우가 있습니다. 모바일 기기에서는 스크롤바가 평소에는 보이지 않다가 스크롤 중에 희미하게 보이지만 데스크톱에서는 오른쪽에 자리를 차지하고 있는데, 이 때 overflow: hidden;으로 CSS를 지정하면 스크롤바는 숨겨지지만 스크롤이 되지 않습니다. 다만, 모종의 방법을 사용하면 스크롤바가 숨겨진 상태에서도 스크롤이 가능하게 구현할 수 있습니다. 스크롤바를 숨기고 웹 페이지를 스크롤할 … “스크롤바가 숨겨진 상태에서 스크롤되는 웹 페이지 만들기” 더 읽기