이 포스트에서는 <span> 태그의 CSS로 <font> 태그를 대체하는 방법을 설명합니다. HTML의 유용한 태그 <span> 포스트에 설명한 바와 같이 과거에는 <font> 태그가 널리 쓰였으나 W3C에서 ‘HTML 문서에는 의미적인 기능을 부여한다’는 정책 기조를 수립함에 따라 HTML 4.01에서 <font> 태그를 표준에서 제외할 것을 예고하였고 HTML5부터 <font> 태그의 지원이 중단되었습니다. 이에 따라 기존의 <font> 태그는 비슷한 성격을 가진 <span> … “<font> 태그를 <span> 태그로 대체하기” 더 읽기
이 포스트는 HTML의 <span> … </span> 태그에 관한 내용입니다. 이 태그는 인라인 요소를 묶기 위한 태그입니다. 본래 글꼴 모양을 지정하기 위한 태그로 <font> … </font> 태그가 있었으나 크기의 미세한 지정이나 배경 글자색 지정이 불가능한 등 글꼴 모양 설정에 제약이 심하고 ‘HTML 문서에는 의미적인 기능을 부여한다’는 W3C의 기조와도 맞지 않아서 HTML 4.01 이후 권장하지 않는(deprecated) 태그가 … “HTML의 유용한 태그 <span>” 더 읽기
이 포스트에서는 CSS로 전환 효과(transition)를 구현하는 방법을 포스팅합니다. CSS로 롤오버 버튼 만들기 포스트에서 포스팅한 바와 같이 간단한 롤오버 버튼은 자바스크립트 대신 CSS로 구현할 수도 있다는 글을 포스팅한 바 있습니다. 이 CSS를 응용하면 CSS에 의한 형태 전환이 이루어질 때 바로 전환되지 않고 서서히 매끄럽게 전환되는 효과를 구현할 수 있습니다. 이를테면 크기가 변하는 상자의 경우 바로 변하지 … “CSS 전환 효과 구현하기” 더 읽기
이 포스트에서는 파이썬의 반복문 예제 중 하나로 1부터 10000까지의 숫자 범위 안에서 8의 개수를 모두 찾아내는 알고리즘을 포스팅합니다. 구글 입사시험 문제 중에 다음과 같은 문제가 있었습니다. 1부터 10,000까지의 숫자 중 8은 모두 몇 번 나오는지 구하시오. 단, 8이 두 개 이상 나오는 숫자는 그 8의 개수대로 계산하시오. (예: 88은 2개로, 888은 3개로 계산) 이 문제의 … “1부터 10000까지 숫자들 중 8의 개수 찾기 예제 (파이썬)” 더 읽기
이 포스트는 HTML의 <ins> … </ins> 태그와 <del> … </del> 태그에 관한 내용입니다. 이름에서도 보다시피 <ins> 태그는 내용의 추가를 의미하는 태그이고 <del> 태그는 내용의 삭제를 의미하는 태그입니다. 얼핏 보면 오해할 수 있지만 <del> 태그는 내용 자체가 눈에 보이지 않게 하는 게 아니라 가로줄을 그어 삭제된 내용임을 표시하는 태그입니다. 이와 같은 기능을 하는 태그로 <s> 태그와 … “HTML의 <ins>와 <del> 태그” 더 읽기
이 포스트는 HTML의 <abbr> … </abbr> 태그에 관한 내용입니다. 이 태그 이름인 abbr은 abbreviation의 약자로 ‘축약어’를 의미합니다. 즉, 이 태그는 축약어를 쓸 때 사용하는 태그입니다. HTML5 표준이 제정되기 전에는 축약어는 <abbr> 태그로, 두문자어는 <acronym> 태그로 구분하여 사용하였으나, 두 태그를 굳이 구분하여 사용할 필요성이 부족하다는 지적에 따라 HTML5에서는 <abbr> 태그로 통합되었습니다. 우선, 이 태그에 필요한 CSS를 … “HTML의 유용한 태그 <abbr>” 더 읽기
이 포스트에서는 파이썬에서 JSON 데이터를 읽어들이는 방법을 설명합니다. 이전의 파이썬으로 JSON 파일 만들기 포스트에서 예제로 다음과 같은 내용의 JSON 문서를 만들었을 것입니다. { “name”: “여자친구”, “members”: [ “소원”, “예린”, “은하”, “유주”, “신비”, “엄지” ], “albums”: { “EP 1집”: “Season of Glass”, “EP 2집”: “Flower Bud”, “EP 3집”: “Snowflake”, “정규 1집”: “LOL”, “EP 4집”: “THE AWAKENING” … “파이썬으로 JSON 파싱하기” 더 읽기
이 포스트에서는 파이썬으로 JSON 파일을 만드는 방법을 소개합니다. 방식은 파이썬으로 XML 파일 만들기와 비슷하지만 코드는 더욱 간소합니다. json 확장 라이브러리를 사용하면 간단합니다. import json from collections import OrderedDict # Ready for data group_data = OrderedDict() albums = OrderedDict() group_data[“name”] = “여자친구” group_data[“members”] = [“소원”, “예린”, “은하”, “유주”, “신비”, “엄지”] albums[“EP 1집”] = “Season of Glass” … “파이썬으로 JSON 파일 만들기” 더 읽기
이 포스트는 HTML의 <base> 태그에 관한 내용입니다. <base> 태그는 HTML5 표준이 정해지기 전에도 이미 표준으로 정해져 있는 태그입니다. 이 태그는 <head> … </head> 안에 쓰여 마치 <meta> 태그와 같이 작동하는 태그로, 페이지의 링크가 상대경로로 되었을 때 그 기준이 될 경로를 지정하고 다른 페이지로 링크할 때 기본적으로 그 링크의 대상이 되는 창 혹은 프레임을 어디로 할 … “HTML의 유용한 태그 <base>” 더 읽기
이 포스트는 파이썬에서 병합 정렬 알고리즘을 구현한 포스트입니다. 필자의 티스토리 블로그에서도 병합 정렬을 구현한 포스트를 포스팅했지만 여기서는 그 코드를 조금 개량하였습니다. 병합 정렬(Merge sort)이라는 것은 합병 정렬이라고도 하는데, 말 그대로 병합해서 정렬하는 방법입니다. 어떻게 정렬하느냐 하면, 우선 정렬을 수행할 배열의 크기(원소의 개수)가 0 혹은 1이면 정렬이 완료된 것으로 보고 2 이상일 경우 정렬을 하는데 예를 … “파이썬으로 병합 정렬 알고리즘 구현하기” 더 읽기