이미지 픽셀화로 렌더링하는 CSS

이 포스트에서는 CSS를 이용해 이미지를 픽셀화로 렌더링하는 방법을 설명합니다. 컴퓨터에서 그래픽 이미지를 처리하는 방식은 비트맵 방식과 벡터 방식이 있습니다. 벡터 방식은 이미지를 선으로 이루어진 정보로 저장하기 때문에 확대해도 모양이 깨지지 않지만, 비트맵 방식은 점묘화(여러 개의 점을 빽빽이 찍어서 그림을 그리는 기법)처럼 색깔이 있는 점을 배열해서 그림을 표현하는 방식이기 때문에 확대하면 소위 ‘계단 현상’이 발생합니다. 웹 … “이미지 픽셀화로 렌더링하는 CSS” 더 읽기

라즈베리 파이에 OS 설치하여 사용해 보기

이 포스트에서는 라즈베리 파이에 OS를 설치하여 사용해 보는 방법을 설명합니다. 위 이미지는 라즈베리 파이 3 B 모델의 모습입니다. 이미지 출처는 라즈베리 파이 재단 공식 사이트(https://www.raspberrypi.org/)입니다. 준비물 라즈베리 파이 보드 마이크로 SD 카드 (16GB 이상 권장) 키보드와 마우스 HDMI 케이블 HDMI 연결 가능한 모니터 (TV도 가능) * 모니터를 사용할 일이 웬만해서는 거의 없다면 나중에 필요할 경우 … “라즈베리 파이에 OS 설치하여 사용해 보기” 더 읽기

리눅스 텔넷 서비스 개방하기

이 포스트에서는 리눅스 서버에서 텔넷 서비스를 개방하는 방법을 포스팅합니다. 주의: 텔넷을 통해 원격 서버의 터미널에 접속하는 방식은 보안이 취약합니다. 따라서 이 포스트의 내용은 참고 및 실험용으로만 사용하시기 바라며, 이 방식을 실제로 적용하여 발생하는 문제점에 대해서는 책임을 지지 않습니다. 또한, 원격 서버의 터미널에 접속하는 서비스가 필요하다면 텔넷 대신 SSH 방식을 사용하는 것을 권장합니다. 리눅스 텔넷 서비스를 … “리눅스 텔넷 서비스 개방하기” 더 읽기

jQuery로 코나미 커맨드 이스터에그 구현하기

이 포스트에서는 제이쿼리를 써서 코나미 커맨드(⬆⬆⬇⬇⬅➡⬅➡🅱🅰 상상하하좌우좌우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)으로 제한. 정규 표현식을 가지고 이 두 가지 규칙을 정하기 위한 프로그램을 만들어 봅시다. 다음은 정규 표현식으로 위의 규칙을 구현하기 위한 … “정규 표현식으로 문자열 제한하기” 더 읽기

리눅스 Vim 기본 사용법에 팁 추가

리눅스 Vim 기본 사용법 포스트에서 추가로, 조금 더 편리하게 사용할 수 있는 팁을 서술합니다. Vim에서는 줄 번호 표시 기능이 있습니다. #include <stdio.h> int main() { printf(“Hello, world!”); return 0; } ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ 1,1 모두 위와 같이 있을 때 여기서 줄 … “리눅스 Vim 기본 사용법에 팁 추가” 더 읽기

리눅스 Vim 기본 사용법

이 페이지는 리눅스의 텍스트 에디터 Vim의 기본적인 사용법에 관한 내용을 서술합니다. Vim은 기존의 Vi에서 기능을 약간 향상시킨 프로그램으로, 특히 프로그램 코딩 등에 좀 더 특화되어 있습니다. $ vim 위와 같이 콘솔에서 ‘vim’이라고 쳐 보면, ~ ~ ~ ~ ~ ~ 빔 – 향상된 Vi ~ ~ 판 7.4.1689 ~ by Bram Moolenaar et al. ~ … “리눅스 Vim 기본 사용법” 더 읽기

리눅스용 CLS 다운로드

리눅스에서 작동하는 CLS 명령을 C언어로 작성하였습니다. 윈도우즈 명령 프롬프트에서는 cls 명령어를 치면 콘솔 화면이 전부 청소됩니다. 리눅스에도 이에 대응하는 명령어로 clear가 있지만, 스크롤이 가능한 터미널 환경에서는 보여지는 화면보다 위에 있는 줄이 지워지지 않는 문제가 있습니다. 여기서는 스크롤되는 윗줄까지 전부 지우는 cls 명령을 만듭니다. 코드는 다음과 같습니다. (2018년 7월 5일 수정) #include <stdio.h> int main() { … “리눅스용 CLS 다운로드” 더 읽기