CSS로 원뿔형 그라디언트 구현하기

이 포스트에서는 CSS로 원뿔형(원추형) 그라디언트를 구현하는 방법을 설명합니다. 우선 아래 그림을 봐 주시기 바랍니다. 지금 이 페이지를 보고 있는 브라우저에서 원뿔형 그라디언트 CSS를 지원한다면, 양쪽 칸의 그림이 같은 그림으로 보일 것입니다. 현재 크롬 69 이상(안드로이드 크롬은 70 이상), 사파리 TP에서 지원합니다. 만약 왼쪽 칸이 회색 네모로 보이거나 아무것도 보이지 않는다면 지금 이 페이지를 보고 있는 … 더 보기 “CSS로 원뿔형 그라디언트 구현하기”

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

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

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로 코나미 커맨드 이스터에그 구현하기”

PHP 확장 기능 확인하기

PHP에서 특정 확장 기능이 필요한 경우가 있는데 몇 가지 방법으로 로드된 확장 기능을 확인할 수 있습니다. 가능한 방법은 PHP 정보표로 보는 방법, 확장 기능 함수로 보는 방법, 콘솔에서 보는 방법이 있습니다. PHP 정보표로 보는 방법 PHP 정보표로 보는 방법은 다음과 같은 PHP 파일을 만듭니다. <?php phpinfo(); ?> 이렇게 코딩한 후 적당한 이름(이를테면 phpinfo.php)으로 저장해서 서버에 … 더 보기 “PHP 확장 기능 확인하기”

mysqli의 bind_param 사용하기

이 포스트에서는 PHP에서 mysqli의 bind_param을 사용하는 방법에 대해 포스팅합니다. 먼저, 간단하게 할 말을 남기는 프로그램을 작성해 봅시다. 일련번호로 ‘no'(int), 댓글로 ‘comment'(varchar 255)라는 이름의 테이블 ‘comments’가 있다고 가정합니다. 댓글을 남기기 위한 폼은 다음과 같이 작성합니다. (전체적인 코드는 편의상 생략) <form method=”POST” action=”comment_ok.php”> <p>하고 싶은 말: <input type=”text” name=”comment” style=”width: 400px;” /> <input type=”submit” value=”남기기” /> </p> … 더 보기 “mysqli의 bind_param 사용하기”

PHP 세션을 통한 로그인/로그아웃 기능 구현

이 포스트에서는 PHP 사이트에서 세션을 통해 로그인과 로그아웃 기능을 구현하는 방법을 설명합니다. ※ 이 포스트의 내용은 CC-BY-SA 3.0으로 배포되는 제타위키의 PHP 세션 로그인 구현 문서를 참고하여 작성하였습니다. 인터넷을 이용할 때 사용자(클라이언트)의 컴퓨터에 저장되는 간략한 정보를 ‘쿠키’라고 부르는데, ‘세션’은 이러한 정보가 서버에 저장되는 것을 말합니다. 서버에 저장되는만큼 쿠키보다 보안이 좋기 때문에 로그인 기능은 세션을 이용합니다. 일단, … 더 보기 “PHP 세션을 통한 로그인/로그아웃 기능 구현”

PHP에서 MySQL 데이터 읽어보기

이 포스트에서는 PHP에서 MySQL 데이터를 간단히 읽어들이는 방법에 대해 포스팅합니다. 우선 데이터베이스 이름이 ‘hello’이고 그 안에서 ‘product’라는 이름의 테이블이 다음과 같이 있다고 가정해 봅시다. name category price 신라면 라면 700 새우깡 과자 1000 안성탕면 라면 650 새우탕 라면 1100 포스틱 과자 1300 너구리 라면 900 감자깡 과자 700 육개장 라면 800 양파링 과자 1200 짜파게티 … 더 보기 “PHP에서 MySQL 데이터 읽어보기”

PHP로 JSON 파싱하기

이 포스트에서는 PHP에서 JSON 데이터를 파싱하는 방법을 설명합니다. 일단 다음과 같은 JSON 파일이 gfriend.json이라는 이름으로 존재한다고 가정을 해 봅시다. { “name”: “여자친구”, “alias”: “GFRIEND”, “members”: [ “소원”, “예린”, “은하”, “유주”, “신비”, “엄지” ], “albums”: { “EP 1집”: “Season of Glass”, “EP 2집”: “Flower Bud”, “EP 3집”: “Snowflake”, “정규 1집”: “LOL”, “EP 4집”: “THE AWAKENING” } … 더 보기 “PHP로 JSON 파싱하기”

HTML의 구절 태그 6가지

이 포스트에서는 HTML의 6가지 구절 태그에 대한 내용을 다룹니다. HTML에서 쓸 수 있는 구절 태그는 어떤 구절 내에서 해당 태그로 감싼 내용에 어떤 효과를 주면서 그 의미를 분명히 하는 데 쓰입니다. HTML5에서 추가된 <mark> 태그도 같은 이유로 추가되었습니다. HTML5 전부터 쓰여 지금도 표준으로 쓰이는 6가지 구절 태그들은 다음과 같습니다. <em> 글에서 중요한 부분을 표시합니다. 기본적으로 … 더 보기 “HTML의 구절 태그 6가지”

PHP 문자열 결합하기

이 포스트에서는 PHP에서 문자열 결합하는 방법에 대해 포스팅합니다. 일단 간단한 예제 코드를 서술하자면 다음과 같습니다. <?php $str_a = ‘Hello, ‘; $str_b = ‘world!’; echo $str_a . $str_b; ?> 이는 ‘Hello, ’와 ‘world!’를 결합해서 ‘Hello, world!’로 출력하는 예제입니다. 잘 보면 결합될 문자열 사이에 점(.)이 찍혀 있습니다. 다른 프로그래밍 언어에서는 문자열끼리 결합할 때 대부분 덧셈(+) 기호를 쓰지만 … 더 보기 “PHP 문자열 결합하기”