fluorF's Laboratory

go to the main page

웹사이트 소개

Introduction of the website

fluorF 소개

Introduction of fluorF

새로운 소식

News

하루 이야기

Daily essay

Articles

사진첩

Album

방명록

Guestbook

facebook_fluorF twitter_fluorF youtube_fluorF linkedin_fluorF pinterest_fluorF

웹사이트 소개

Introduction of the website

인사의 글

환영합니다! fluorF's laboratory의 4번째 버전 '몬드리안'으로 다시 찾아뵙게 된 것을 기쁘게 생각합니다. 이 홈페이지는 1997년에 처음 제작되었고, 2004년 Cyworld 미니홈피를 거쳐 2006년에 다시 개별적인 웹사이트로 독립하여 지금에 이르고 있습니다.

제 홈페이지는 저의 개인적인 생각과 이야기, 그리고 각지를 돌아다니며 찍은 사진들을 한 곳에 모아놓은 작은 공간입니다. SNS를 통한 개인 채널이 범람하는 이 때에 html을 사용하여 개별적인 개인 홈페이지를 제작한다는 것은 어떻게 보면 바보스러운 일일 수 있으나 개인적으로 웹에 저만의 독립적인 공간을 가진다는 것에 큰 자부심을 가지고 있으며, 또 이를 관리하고 확장시켜 나가는 수고로움도 기쁨으로 여기고 있습니다.

화학자의 실험 선반에 갖가지 다양한 시약들과 기구들이 놓여있듯 이 홈페이지에도 수많은 읽을거리, 볼거리들이 가득합니다. 부디 방문자 하나하나가 여기 있는 내용들을 부담 없이 즐겁게 즐길 수 있기를 희망합니다.

4번째 버전의 특징

웹사이트를 제작하는데 핵심 마크업 언어가 되는 HTML5는 2004년 첫 제안 이후 발전이 꾸준히 이어졌고, 이제 주요 브라우저들(크롬, 파이어폭스, 사파리, 오페라, 인터넷 익스플로러)에서도 여러 다양한 태그를 지원하기에 이르렀습니다. 더욱이 이들이 종속형 시트, 곧 CSS의 최신 버전인 CSS3를 점차 확대 지원하게 되면서 웹 디자인은 보다 큰 유연성을 가지게 되었습니다. 하지만 스마트폰과 태블릿 PC를 통한 웹 브라우징이 현격하게 늘어남에 따라 데스크탑 모니터와는 다른 규격과 이동성을 가진 이들 장치의 화면에서도 충분히 웹을 즐기기 위한 방안들이 추가로 요구되었고, 이는 소위 '반응형 웹(responsive web)' 디자인의 출현을 앞당기게 되었습니다.

본 홈페이지의 4번째 버전 리뉴얼은 바로 이 반응형 웹 디자인에 초점을 맞추어 제작되었습니다. 이전 버전의 홈페이지는 데스크탑으로 즐기기에는 무리가 없었으나 모바일이나 태블릿 PC로 즐기기에는 여러 가지 부족한 점이 많았습니다. 실제로 구글에서는 이전 버전 홈페이지의 모바일 적합성이 크게 뒤떨어지는 것으로 조사되었다는 권고성 메일을 보낸 바 있습니다. 게다가 2015년 들어서 모바일을 통한 홈페이지 접속자 수가 데스크탑을 통한 접속자 수를 초월, 모바일 기기를 통한 홈페이지 화면 문제는 더이상 간과할 수 없는 중요한 이슈가 되었습니다. 이에 홈페이지를 모바일과 태블릿 PC, 데스크탑 디스플레이에서, 그리고 다양한 화면 크기에서도 적절하게 즐길 수 있도록 미디어 쿼리와 유동형 박스 등의 기법을 도입하였습니다. 동시에 웹 표준을 지키기 위해 마크업 언어들은 W3C에서 정한 표준안과 권고안을 모두 따르게 하였습니다.

또한 해당 리뉴얼 주제에 맞게끔 전체적인 디자인도 새롭게 바꾸었는데, 이번 리뉴얼의 주제는 '몬드리안(Mondrian)'으로 저명한 네덜란드의 화가 피터르 몬드리안(Pieter Mondrian)의 추상화를 웹사이트 디자인으로 채택하였습니다.

그리고 과거 버전은 모든 컨텐츠를 영어로 쓰고 한국어를 부분적으로 활용하고자 하였으나 국내 접속자 수가 월등히 많다는 점, 그리고 업데이트의 속도를 높일 수 있다는 점을 고려하여 모든 컨텐츠를 한국어로 하되 필요한 부분에서 영어를 병기하기로 결정하였습니다.

홈페이지 역사

서비스업체날짜코드명특징
NETSGO1997.??.??Story StoreWYSWYG 제작 툴 이용
"2000.??.??Transport King!"Transport Tycoon" 게임 팬페이지
Cyworld2004.02.28fluorF's minihompy싸이월드 미니홈피
DOTHOME2007.09.03The Red Chocolate Craquelure프레임셋 적용
"2008.11.09Black and White자바스크립트 이용 네비게이션 바
"2011.04.11A True LaboratoryHTML4.01 및 CSS 최초 적용
"2015.03.01MondrianHTML5, CSS3, 반응형 웹 디자인 적용

폰트 정보

본 홈페이지에서는 한국어 및 영어 서체로 오픈 폰트이자 구글 웹폰트인 '제주 고딕체(Jeju Gothic)'와 '나눔 고딕체(Nanum Gothic)'를 사용합니다.