즐거운인생

디자인관련

hgjung — Thu, 19 Apr 2012 09:46:24 +0900

http://design.org/blog

Architecture

Car Design

Fashion Design

Graphic Design

Illustration

Industrial Design

Interface Design

Interior Design

Packaging Design

Photography

Typography

Video

Web Design

All

등등 각 분류별로 구분하여 정리가 잘 되어 있다.

'UI,UX' 카테고리의 다른 글

디자인관련 (0)	09:46:24
국내외 100개언론사 본문영역비교 (0)	2009/06/12
네비게이션 아이디어 (0)	2008/10/13
횡스크롤 쇼핑몰 UI (0)	2008/09/26

UI 갤러리 참고사이트

hgjung — Tue, 17 Apr 2012 17:54:43 +0900

UI 갤러리 참고 사이트를 찾다가 괜찮은 것을 만나 정리할려고 한다.

- http://www.behance.net/?field=132

Web, Smartphone, Tablet 등 다양한 기기의 갤러리가 있어 찾아보기 쉽다.

- http://www.androiduipatterns.com/

안드로이드 UI 디자인 패턴

말그대로 안드로이드 Smartphone, Tablet 에 대한 UI 패턴을 기술한 사이트

- http://www.mobiledesignpatterngallery.com/mobile-patterns.php

너무 맘에 드는 UI 갤러리

# 참고

- http://www.woodwing.com/en/tablet-publishing-app-gallery

- http://www.screweduptoys.com/content/ipad-tablet-ui-design

- http://www.krazytemplates.com/ui-patterns-for-mobile-apps-search-sort-and-filter-4/

'개발관련 > 개발 UI/UX' 카테고리의 다른 글

UI 갤러리 참고사이트 (0)	2012/04/17
차트 관련 - JQuery (0)	2012/04/10
Skeleton, SoundManager 2 .. (0)	2012/04/08

차트 관련 - JQuery

hgjung — Tue, 10 Apr 2012 11:38:41 +0900

Morris.js 차트 관련 UI이다.

- https://github.com/oesmith/morris.js

- http://oesmith.github.com/morris.js/

사전요구 사항이 jQuery 와 Raphaël 이라는 js 인데 이게 뭔가 봤더니 완전 후덜덜한 애니메이션 동작 관련된 것이었다.

- http://raphaeljs.com/

'개발관련 > 개발 UI/UX' 카테고리의 다른 글

UI 갤러리 참고사이트 (0)	2012/04/17
차트 관련 - JQuery (0)	2012/04/10
Skeleton, SoundManager 2 .. (0)	2012/04/08

Skeleton, SoundManager 2 ..

hgjung — Sun, 08 Apr 2012 19:52:31 +0900

Skeleton (http://getskeleton.com)

- 빠른 개발을 도와주는 CSS 템플릿? 으로 불려져야 할 것 같다.

- tab, button, form 등등 자주 사용하는 표준 UI, Responsive Layout 등을 해 주어서 몇몇은 고민없이 사용하면 될 것 같다. 특히 Responsive Layout은 확 끌린다.

SoundManager 2 ( http://www.schillmania.com/projects/soundmanager2/#home )

HTML5, Flash 를 사용하여 음악을 재생해주는 API 유틸.

이런 것들은 찾아보면 많이 있지만 여기에서는 음악재생 UI, 이퀄라이져 등의 Visualization 이 죽인다.

'개발관련 > 개발 UI/UX' 카테고리의 다른 글

UI 갤러리 참고사이트 (0)	2012/04/17
차트 관련 - JQuery (0)	2012/04/10
Skeleton, SoundManager 2 .. (0)	2012/04/08

MySQL OLD_PASSWORD, PASSWORD 암호화 C# 코드로 구현하기

hgjung — Mon, 19 Mar 2012 18:47:42 +0900

이번에 MySQL 에 있는 데이터를 SQL Server 데이터 이관하는데 문제가 되는 것은 암호화된 값이다.
이 값들을 복호화할 수 없으니 데이터를 살릴수 있는 단 하나의 방법은 데이터를 기존방식으로 암호화해서 비교하는 방법밖에 없는것 같아 구글링해 자료를 찾고 코드를 수정해서 만들었다.

이거 하느라 반나절을 다 소비했다.

public string ConvertToMySql_Password(string key)

{

byte[] keyArray = Encoding.UTF8.GetBytes(key);

System.Security.Cryptography.SHA1Managed enc = new System.Security.Cryptography.SHA1Managed();

byte[] encodedKey = enc.ComputeHash(enc.ComputeHash(keyArray));

StringBuilder myBuilder = new StringBuilder(encodedKey.Length);

foreach (byte b in encodedKey)

myBuilder.Append(b.ToString("X2"));

return "*" + myBuilder.ToString();

}

public string ConvertToMySql_OldPassword(string sPassword)

{

UInt32[] result = new UInt32[2];

UInt32 nr = (UInt32)1345345333, add = (UInt32)7, nr2 = (UInt32)0x12345671;

UInt32 tmp;

char[] password = sPassword.ToCharArray();

int i;

for (i = 0; i < sPassword.Length; i++)

{

if (password[i] == ' ' || password[i] == '\t')

continue;

tmp = (UInt32)password[i];

nr ^= (((nr & 63) + add) * tmp) + (nr << 8);

nr2 += (nr2 << 8) ^ nr;

add += tmp;

}

result[0] = nr & (((UInt32)1 << 31) - (UInt32)1);

UInt32 val = (((UInt32)1 << 31) - (UInt32)1);

result[1] = nr2 & val;

string arg1 = string.Format("{0:X}", result[0]);

if (arg1.Length == 7)

arg1 = "0" + arg1;

string arg2 = string.Format("{0:X}", result[1]);

if (arg2.Length == 7)

arg2 = "0" + arg2;

return (arg1 + arg2).ToLower();

//string hash = String.Format("{0:X0}{1:X0}", result[0], result[1]);

//return hash.ToLower();

}

'개발관련 > .NET' 카테고리의 다른 글

MySQL OLD_PASSWORD, PASSWORD 암호화 C# 코드로 구현하기 (0)	2012/03/19
Array.ConvertAll - 배열에 있는 데이터를 한번에 변경하기 (0)	2008/01/14
Query Syntax (0)	2007/12/13
Lambda Expressions (0)	2007/12/12
Collection Initializers (0)	2007/11/20
Object Initializers (0)	2007/11/20

WebKnight 필터링 해제 목록

hgjung — Wed, 01 Feb 2012 18:01:35 +0900

2012-02-14
BLOCKED: Header 'User-Agent:' too long
-> Headers > Max Headers > User-Agent: 를 크기로 변경 (예, 1024)

2012-02-01
BLOCKED: Content-Type 'multipart/form-data; boundary=---------------------------7dc1ad2440808' not allowed
-> ; 또는 -- 항목이 SQL Injection 으로 블록됨
-> SQL Injection 에서 ; 또는 -- 항목을 ;-- 으로 수정

BLOCKED: Content-Type 'multipart/form-data
-> 파일다운로드 에러
-> Headers > Allowed Content Types 에 multipart/form-data 추가 (단, 첫번째 라인은 공백으로 남겨둬야 한다.)

2000-02-04

BLOCKED: URL is not RFC compliant!

-> 경로에 한글이 있으면 블록됨

-> URL RFC Compliant 해제

2008-12-30

BLOCKED: 'collect' not allowed in User Agent

-> Allblog.net RssSync4 Image Collector 가 이미지를 수집하려 오다 블록됨

-> robots.xml 에서 collect를 삭제

BLOCKED: Referrer URL is not RFC compliant!

-> Embedded Web Browser 에서 검색 실패

-> 파라미터 중 한글 차단

예) http://search-srv.webcompass.co.kr/sense/slimband_under.php?affiliate_id=mncast&type=refer&current_engine=naver&reco_param=bms;이지%20투%20디제이@오투매니아다운@biorad@오투매니아다운로드@리듬잇~~

-> Referrer > Referrer URL RFC Compliant > 체크해제

2008-12-19

BLOCKED: Referrer URL is not RFC compliant!

-> daum 신지식 검색 링크에서 url에 공백이 포함되어서 들어옴

-> Referrer > Referrer URL RFC Compliant 해제

2008-12-18

BLOCKED: Header 'Referer:' too long

-> Embbed 기기로 접속했을 때, Referrer 가 길어져 차단됨

-> Request Limits > Max Headers > Referer 의 크기를 늘려줌

BLOCKED: Empty User Agent not allowed

->아이피 조회해보니 구글에 있는 아이피던데.. 어디에 쓰이는 지 몰라.. 처리할 지 고민 중…

2008-12-15

BLOCKED: User Agent not RFC compliant

-> http://search.empas.com 에서 들어오는것에서 차단됨

-> User Agent에서 Deny User Agent Non RFC 선택해제

2008-12-12

BLOCKED: 'user-agent: mozilla' not allowed in User Agent

-> Robots.xml 을 열어 Other Bad로 이동해 보면 와 User_Agents_Other_Bad_Sequence 두개 항목이 있는데 이 두곳에서 해당

-> User_Agents_Other_Bad, User_Agents_Other_Bad_Sequence에서 Mozilla 관련된 부분 삭제

'개발관련 > 기타' 카테고리의 다른 글

WebKnight 필터링 해제 목록 (0)	2012/02/01
[IIS 6.0] docx, pptx, xlsx 파일이 다운로드 설정 (0)	2011/06/03
유용한 프리웨어 (0)	2010/11/02
무료 flv-player (0)	2010/10/26
VS 2010 and .NET 4 Series - 6. URL Routing with ASP.NET 4 Web Forms (0)	2010/08/20
VS 2010 and .NET 4 Series - 5. Auto-Start ASP.NET Applications (0)	2010/08/16

Responsive Web Design Guidelines and Tutorials

hgjung — Sun, 06 Nov 2011 22:44:04 +0900

[원문] http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/

현재 홈페이지를 가지고 있는 사람들은 자신만의 모바일 홈페이지를 만들고 싶어 했다.
그래서 아이폰, 안드로이드 폰에 대한 모바일 홈페이지를 만들어 이용했다.
그 뒤 아이패드, 갤럭시 탭과 같은 고 해상도 모바일 기기가 나오고 그 곳에서 기존 모바일 홈페이지를 보니 너무 단순하고 홈페이지에 많은 정보담지 않아 해상도에 맞는 모바일을 새로 만들기도 하는 헛된 수고가 들었다.

그러나 여기에서 문제가 그치지 않을 것이다.
앞으로 수 많은 다양한 해상도의 모바일 기기가 나올 것인데 거기에 맞게 새로 만들수 없는 것이다.

그래서 나온 방법이 Responsive Web Design 이다.
Responsive Web Design 은 주변 환경에 반응하는 웹 디자인 방법이다.
주변 환경에 반응적이라는 말 중에 주변 환경은 무엇일까?

그것은 바로 화면해상도, 플랫폼, 방향(가로 및 세로) 등의 환경과 사용자의 동작에 반응하는 웹 디자인이다.

반응적인 웹 디자인은 다음과 같은 사항들로 구성되어 있다.

Fluid Grids (유동적인 레이아웃)
Fluid Images (유동적인 이미지)
CSS media queries
위 3가지를 보완해주는 Scripts

Fluid Grids (유동적인 레이아웃)

[참고] : http://www.alistapart.com/articles/fluidgrids/

레이아웃을 특정 사이즈로 정하지 않고 (max-width, width:100% 로 지정) 상대적으로 변경하여 너비를 변경할 때 마다 유연하게 레이아웃이 변경되도록 구성한다.

특정 IE에서 max-width 등을 지원해주지 않는데 http://code.google.com/p/ie7-js/ 스크립트를 사용하면 지원가능하다.

[데모예제] : http://www.alistapart.com/d/fluidgrids/examples/grid/final.html

Fluid Images (유동적인 레이아웃)

- fluid grids : http://www.alistapart.com/articles/fluidgrids/
- fluid images : http://unstoppablerobotninja.com/entry/fluid-images
이미지에 max-width:100%; 를 주어 레이아웃에 맞게 변경이 된게 한다.
( 익스플로어에서 적용안되는 버전일 경우, 스크립트로 해결 )

--- 참고 스크립트 : http://unstoppablerobotninja.com/demos/resize/imgSizer.js

--- 참고문서
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/ http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/ http://www.smashingmagazine.com/2011/07/22/responsive-web-design-techniques-tools-and-design-strategies/
http://www.alistapart.com/articles/responsive-web-design/

'개발관련 > CSS' 카테고리의 다른 글

Responsive Web Design Guidelines and Tutorials (0)	2011/11/06
HTML에서 이미지 자동늘어나게 하는 방법 (0)	2010/03/17

지리산종주 준비

hgjung — Tue, 04 Oct 2011 00:34:51 +0900

일정

* 1일차
용산역에서 구례역행 출발(5시간 50분 소요)

* 2일차
성삼재-노고단대피소(휴식)-임걸령-노루목-반야봉-삼도봉(아침)-화개재-토끼봉-명선봉-연하천(점심)-형제봉-벽소령대피소
04:00 성삼재 등산

* 3일차
벽소령대피소-영신봉-세석대피소-촛대봉-삼신봉-연하봉-연화선경-장터목-제석봉-천왕봉-로타리대피소(법계사)-칼바위-법계교-중산리
04:00 등산시작

식수받는곳
노고단, 임걸령, 연하천, 벽소령, 선비샘, 세석, 장터목, 천왕샘

식단

10월 8일 아침 김밥, 커피, 빵
             점심 라면, 햇반
             저녁 햇반, 삼겹살, 쌈장, 오이
10월 9일 아침 누룽지
             점심 라면, 햇반
             저녁 -

준비물
공동(식품) : 삼겹살(1근), 라면(3개), 김치(작은것), 과일(사과,오이,방울토마토 등), 햇반4개,
                 초코파이(4개),   영양갱(2개), 초코바(4개), 사탕(1개), 소주(플락스틱2개)
공동비품 :  비상랜턴용건전지(A3*3), 스프레이, 물티슈, 가글, 알프스가스, 근육통스프레이,
개별공통비품 : 헤드랜턴, 우의, 스틱, 장갑, 스포츠타월, 양말2족, 속옷2벌, 물3~4통, 세면도구, 화장품,
                     썬크림, 지퍼백, 비닐, 신분증(산장확인에필요)

내가 챙겨야 할 것 : 코펠, 버너, 화장지, 보온물병, 녹차티백(6개), 커피티백(4개), 지도

'사는 이야기' 카테고리의 다른 글

지리산종주 준비 (0)	2011/10/04
LTE (0)	2011/10/03
메일로 해외 채용공고가 왔습니다. (0)	2011/06/16
[건강] 오메가3 (0)	2011/02/05
값싼 4박 5일 삿뽀로-오타루 패키지 (0)	2011/01/10
Palm Bluetooth wireless keyboard 3245ww (0)	2010/10/21

LTE

hgjung — Mon, 03 Oct 2011 18:48:37 +0900

요즘 통신 3사에서 4세대 스마트폰 홍보에 온 힘을 쏟고 있다.
올해 말에 아이폰 약정이 끝나서 기변을 위해 고려할 점이 뭐가 있나 관심이 가기고 하고 또, IT업계에 있으면서 어느정도 알아야 되겠다는 빌어먹을(?) 의무감에 맘 먹고 정리를 해 본다.
------------

현재 우리의 이동통신기기는 2세대 또는 3세대 통신을 사용하고 있다.
지난 2008년 ITU(International Telecommunication Union, 국제 전기통신 연합)에서 정의한 4세대 통신규격으로 저속 이동 시 1Gbps, 고속 이동 시 100Mbps의 속도로 데이터를 전송할 수 있어야 한다.

이 속도는 800MB 동영상을 다운받을 시 6초에서 1분 25초(85초) 정도 걸린다고 하는데 현재 사용하고 있는 3G 통신은 10분이 소요된다고 하니 보다 빠른 통신망이 아닐 수 없다.

현재 4세대 통신방식으로 LTE / LTE-Advanced 와 와이브로-에볼루션(와이맥스2) 있다.

LTE의 전송속도는 이론적으로 다운로드 최대 75Mbps, 업로드 최대 37.5Mbps 이다. 기존의 WCDMA HSPA+ 대비 다운로드는 최대 5배, 업로드는 최대 7배 정도가 빠르다.

통신속도를 보면 4세대 기준치에 낮아 LTE가 4세대 통신규격이 맞나라는 의구심이 들 수 있다.
실제 LTE나 와이브로는 4세대 통신에 맞지 않는 통신규격이어서 초기에 3.9세대로 불려졌으며 LTE-Advanced, 와이브로-에볼루션이 4세대로 이동통신 규격이라고 했다.
그런데 2010년 12월 ITU 에서 LTE, 와이브로, 다른 진화한 3G(예: HSPA+) 등도 4G라고 부를 수 있다는 보도자료를 내면서 세대 구분은 할 수 없는 상황이며 각 국의 이동통신사는 이를 '4G'라고 부르고 있다.

LTE는 3G 이동통신 규격 중 유럽식 WCDMA에서 발전한 이동통신 규격이다.
LTE는 전세계적으로 70% 이상 사용하고 있는 WCDMA의 후속 기술이기 때문에 기존 3G 통신망과 연동이 쉽다는 장점이 있다.
이러한 장점은 4세대 통신을 준비하기 위해 투자 비용을 줄일 수 있고, 서비스 지역을 넓히기에도 용이하다.
----------

그래서 4G 이동통신 규격으로 SKT와 LG U+는 LTE를, KT는 이미 예전에 통신망을 설치했었던 와이브로를 가지고 4G시장에 뛰어든 것 같습니다.

그런데 요즘 반쪽짜리 LTE란 말이 돌아 확인해보니 이번에 선보이는 LTE폰은 무선데이터만 LTE 전용망을 사용하고 음성통화는 기존 3G대역을 그대로 사용한다고 합니다.

또한 이런한 이야기는 음성단과 데이터단 통신이 달라 음성모듈과 데이터 모듈로 따로 구현된 듀얼칩을 사용하여 내년에 나올 싱글칩 LTE폰에 비해 제조단가가 올라간다고 합니다.

또 듀얼칩을 사용하게 되면 상대적으로 발열과 배터리 소모량이 늘어나고 폰의 부피가 커져 디스플레이 크기가 4.5인치 이상만 가능하다 합니다.

아 그리고 이제 막 시작하는 서비스여서 서비스 지역이 SKT는 서울에만, LG U+는 서울, 부산, 광주에만 된다고 합니다.

이런 저런 얘기를 종합해보면, 한번 사면 2년 동안 노예처럼 발이 묶이는데 이 시점에 4G로 갈아탈 필요성이 다분이 없어지는 것 같습니다.

아 그리고 관심있어할 분도 있을 같아 4G 통신사별 속도비교를 참고하시면 될 것 같습니다.

통신사 별 통신속도는 LG U+ > KT >= SKT 로 나옵니다. 그런데 설문조사에는 4G에 대해 선호 통신사를 SKT > KT > LG U+ 로 하였고 통신속도가 어느 통신사가 빠를것 같냐는 질문에 SKT > KT > LG U+ 로 나온다고 하였다.

결국 LG U+는 돌아서버린 고객의 마음을 되돌리기 위해 막대한 비용이 필요할 듯 하네요.

-----------
참고
1. [IT세상] 4세대 이동통신을 향하여 LTE (Long Term Evolution)
2. 꿈의 LTE폰은 아직 반쪽짜리??
3. 4G 통신사별 속도비교

'사는 이야기' 카테고리의 다른 글

지리산종주 준비 (0)	2011/10/04
LTE (0)	2011/10/03
메일로 해외 채용공고가 왔습니다. (0)	2011/06/16
[건강] 오메가3 (0)	2011/02/05
값싼 4박 5일 삿뽀로-오타루 패키지 (0)	2011/01/10
Palm Bluetooth wireless keyboard 3245ww (0)	2010/10/21

색상별 사이트 디자인 모음

hgjung — Tue, 27 Sep 2011 16:44:18 +0900

회사가 작다 보니 에이젼시 프로젝트를 할 때 사이트 기획 및 구상을 디자이너와 함께 하게 되니 자연스럽게 사이트 디자인과 색상배치에 관심을 갖게 된다.

페이스북에 정말 좋은 디자인에 관한 뷰가 있는데 강추한다. http://www.facebook.com/DesignPage

뷰에 나온것 중 홈페이지 메인 색상별로 분류한 디자인 모음이 있어 스크랩한다.

1. 보라색 : http://vandelaydesign.com/blog/galleries/purple-websites/

2. 파랑색 : http://vandelaydesign.com/blog/galleries/blue-websites/

3. 녹색 : http://vandelaydesign.com/blog/galleries/green-websites/

4. 오렌지 : http://vandelaydesign.com/blog/galleries/orange-websites/