이 포스트에서는 CSS로 원뿔형(원추형) 그라디언트를 구현하는 방법을 설명합니다. 우선 아래 그림을 봐 주시기 바랍니다. 지금 이 페이지를 보고 있는 브라우저에서 원뿔형 그라디언트 CSS를 지원한다면, 양쪽 칸의 그림이 같은 그림으로 보일 것입니다. 현재 크롬 69 이상(안드로이드 크롬은 70 이상), 사파리 TP에서 지원합니다. 만약 왼쪽 칸이 회색 네모로 보이거나 아무것도 보이지 않는다면 지금 이 페이지를 보고 있는 … “CSS로 원뿔형 그라디언트 구현하기” 더 읽기
이 포스트에서는 파이썬으로 온도를 입력하면 다른 단위로 변환해 주는 프로그램을 만들어 봅니다. 온도의 단위는 여러 단위가 있는데 그 중 가장 인지도 있는 단위는 섭씨, 화씨, 절대온도 이렇게 3가지입니다. 섭씨는 물의 삼중점을 0.01도(어는 점 0도)로 정의하고 끓는 점을 100도로 정의한, 우리나라(대한민국)을 포함한 세계 여러 나라에서 일상적으로 널리 쓰이고 있어 익숙한 단위입니다. 화씨는 미국에서 일상적으로 쓰고 있는 … “온도를 입력하면 다른 단위로 변환해 주는 파이썬 프로그램” 더 읽기
한글날에 한 포스트 작성합니다. 이 포스트는 파이썬에서 한글 완성자를 분석하는 포스트입니다. 유니코드에서 한글 완성자는 ‘가’부터 ‘힣’까지 모두 11172자가 있으며 ‘가’는 0xAC00(Dec 44032)에, ‘힣’은 0xD7A3(Dec 55203)에 배당되어 있습니다. 그리고 이는 과거에 널리 사용되었던 완성형(KS X 1001)과는 달리 DOS 시절 많이 쓰였던 조합형 코드처럼 오늘날의 한글 맞춤법 체계에서 조합 가능한 모든 글자들이 규칙적으로 배열되어 있다는 특징이 있습니다. … “한글 완성자 분석하는 파이썬 코드” 더 읽기
이 포스트에서는 CSS를 이용해 이미지를 픽셀화로 렌더링하는 방법을 설명합니다. 컴퓨터에서 그래픽 이미지를 처리하는 방식은 비트맵 방식과 벡터 방식이 있습니다. 벡터 방식은 이미지를 선으로 이루어진 정보로 저장하기 때문에 확대해도 모양이 깨지지 않지만, 비트맵 방식은 점묘화(여러 개의 점을 빽빽이 찍어서 그림을 그리는 기법)처럼 색깔이 있는 점을 배열해서 그림을 표현하는 방식이기 때문에 확대하면 소위 ‘계단 현상’이 발생합니다. 웹 … “이미지 픽셀화로 렌더링하는 CSS” 더 읽기
이 포스트에서는 라즈베리 파이에 OS를 설치하여 사용해 보는 방법을 설명합니다. 위 이미지는 라즈베리 파이 3 B 모델의 모습입니다. 이미지 출처는 라즈베리 파이 재단 공식 사이트(https://www.raspberrypi.org/)입니다. 준비물 라즈베리 파이 보드 마이크로 SD 카드 (16GB 이상 권장) 키보드와 마우스 HDMI 케이블 HDMI 연결 가능한 모니터 (TV도 가능) * 모니터를 사용할 일이 웬만해서는 거의 없다면 나중에 필요할 경우 … “라즈베리 파이에 OS 설치하여 사용해 보기” 더 읽기
이 포스트에서는 리눅스 서버에서 텔넷 서비스를 개방하는 방법을 포스팅합니다. 주의: 텔넷을 통해 원격 서버의 터미널에 접속하는 방식은 보안이 취약합니다. 따라서 이 포스트의 내용은 참고 및 실험용으로만 사용하시기 바라며, 이 방식을 실제로 적용하여 발생하는 문제점에 대해서는 책임을 지지 않습니다. 또한, 원격 서버의 터미널에 접속하는 서비스가 필요하다면 텔넷 대신 SSH 방식을 사용하는 것을 권장합니다. 리눅스 텔넷 서비스를 … “리눅스 텔넷 서비스 개방하기” 더 읽기
이 포스트에서는 제이쿼리를 써서 코나미 커맨드(⬆⬆⬇⬇⬅➡⬅➡🅱🅰 상상하하좌우좌우BA)를 입력하면 이스터 에그가 발동되게 하는 코드를 설명합니다. 우선 아래와 같이 코딩해 봅시다. var kkeys = [], konami = “38,38,40,40,37,39,37,39,66,65”; $(document).keydown(function(e) { kkeys.push( e.keyCode ); if ( kkeys.toString().indexOf( konami ) >= 0 ){ kkeys = []; alert(‘Hello, world!’); } }); 1번 줄에서 키 입력을 저장할 배열 변수를 미리 선언해 … “jQuery로 코나미 커맨드 이스터에그 구현하기” 더 읽기
파이썬의 랜덤 모듈을 이용해서 로또 번호를 생성하는 프로그램을 만들어 봅시다. 코드는 다음과 같습니다. import random gen_count = 5 # 생성할 개수 arr = [x for x in range(1, 46)] # 1부터 45까지 생성 for x in range(0, gen_count): random.shuffle(arr) # 섞기 arr_selected = arr[:6] # 6개만 선택 arr_selected.sort() # 선택된 번호를 정렬 print(arr_selected) # 출력 … “파이썬으로 로또 번호 생성기 만들기” 더 읽기
다음과 같은 파이썬 프로그램을 만들어 봅시다. 배열 arr_a에는 1부터 9까지의 자연수를 대입 배열 arr_b에는 arr_a에서 짝수만 추출하여 대입 위의 두 배열을 나란히 출력 이 프로그램을 다소 기초적인 방식으로 코딩하면 일단 다음과 같이 할 수 있겠습니다. arr_a = [1, 2, 3, 4, 5, 6, 7, 8, 9] arr_b = [] for x in arr_a: if x … “파이썬 배열 필터링하기” 더 읽기
정규 표현식(Regular Expression)을 이용해서 문자열을 제한하는 규칙을 만드는 방법을 포스팅합니다. 먼저, 문자열을 제한하는 규칙을 수립해 봅시다. 사용할 수 있는 문자는 숫자(0-9), 기본 라틴 알파벳(A-Z, a-z), 하이픈(-)과 언더바(_)로 제한. 첫 번째 글자는 기본 라틴 알파벳(A-Z, a-z)으로 제한. 정규 표현식을 가지고 이 두 가지 규칙을 정하기 위한 프로그램을 만들어 봅시다. 다음은 정규 표현식으로 위의 규칙을 구현하기 위한 … “정규 표현식으로 문자열 제한하기” 더 읽기