2013ë…„ 4ì›” 24ì¼
by aduris
0 comments

UI íŒ¨í„´ì„ ë‹¤ë£¬ 웹사ì´íŠ¸ 모ìŒ

UI 기íšì„ í•˜ëŠ”ë° ìžˆì–´ì„œ UI 패턴과 ì›ì¹™ì„ ì´í•´í•˜ëŠ” ê²ƒì€ ê±´ì¶•ê°€ê°€ 구조를 ì´í•´í•˜ëŠ” 것과 ê°™ì´ ê¸°ë³¸ì ì´ë©´ì„œë„ 중요합니다.

ë˜í•œ 패턴과 ì›ì¹™ì„ 통해 ì¼ë°˜ì ì¸ ë””ìžì¸ 문제를 다루는 광범위한 해결방안으로 ì ìš©í•  수 있습니다.

 UI íŒ¨í„´ì„ ë‹¤ë£¬ 웹사ì´íŠ¸ 모ìŒì„ 정리해 보았습니다.

ë§í¬ 모ìŒì„ ëª¨ì€ ê²ƒì´ë¼ì„œ 서로 중복ë˜ëŠ” í•­ëª©ë“¤ì´ ìžˆì„ ìˆ˜ 있습니다.

ì´ ì™¸ì—ë„ UI íŒ¨í„´ì„ ë‹¤ë£¬ 웹사ì´íŠ¸ê°€ 있다면 공유 부íƒë“œë¦½ë‹ˆë‹¤. 업ë°ì´íŠ¸ 하ë„ë¡ í•˜ê² ìŠµë‹ˆë‹¤.

1. Mobile UI design patterns
http://sixrevisions.com/user-interface/mobile-ui-design-patterns-inspiration/

2. ëª¨ë°”ì¼ ì•± UI 패턴 사ì´íŠ¸ 모ìŒ
http://userexperience.tistory.com/272

3. ëª¨ë°”ì¼ UI ë””ìžì¸ 패턴 참고 사ì´íŠ¸ 15ê°œ
http://monsterdesign.tistory.com/1630

4. 모바ì¼/웹 UI 패턴, 쇼케ì´ìŠ¤, ê°€ì´ë“œë¼ì¸ ë° ë¦¬ì†ŒìŠ¤
https://sites.google.com/site/designpttrns/

í„°ì¹˜ê¸°ë°˜ì— ì¹´ë“œì„¼ì„œë¥¼ 활용한 예

2013ë…„ 4ì›” 24ì¼ by 강명수 | 0 comments

SCION GhostGlass 2013

R&D성 터치스í¬ë¦°ì„ ì´ìš©í•œ ì¹´ë“œ 센서를 ì´ìš©í•œ 거네요

SCION: GhostGlass 2013 from JUXT on Vimeo.

2013ë…„ 4ì›” 22ì¼
by aduris
0 comments

ë°œìƒì˜ 전환

ë°œìƒì˜ 전환

â—ì•„ë¹ : ë„Œ ë‚´ê°€ 정해주는 ì—¬ìžëž‘ 결혼해ë¼.
â—아들: ì‹«ì–´ìš”!
â—ì•„ë¹ : ê·¸ ì—¬ìžëŠ” 빌게ì´ì¸ ì˜ 딸ì´ëž€ë‹¤.
â—아들: 그럼 좋아요.

ì•„ë¹ ê°€ 빌게ì´ì¸ ë¥¼ 찾아간다.

â—ì•„ë¹ : ë‹¹ì‹ ì˜ ë”¸ê³¼ ë‚´ ì•„ë“¤ì„ ê²°í˜¼ì‹œí‚µì‹œë‹¤.
â—빌게ì´ì¸ : 싫소!
â—ì•„ë¹ : ë‚´ ì•„ë“¤ì€ ì›”ë“œë±…í¬ CEOìš”.
â—빌게ì´ì¸ : 그럼 좋소.

ì•„ë¹ ê°€ ì›”ë“œë±…í¬ íšŒìž¥ì„ ì°¾ì•„ê°„ë‹¤.

â—ì•„ë¹ : ë‚´ ì•„ë“¤ì„ ì›”ë“œë±…í¬ CEOë¡œ 임명해주시오.
â—ì›”ë“œë±…í¬ íšŒìž¥: 싫소!
â—ì•„ë¹ : ë‚´ ì•„ë“¤ì€ ë¹Œê²Œì´ì¸ ì˜ 사위요.
â—ì›”ë“œë±…í¬ íšŒìž¥: 그럼 좋소.

ì´ê²ƒì´ 비지니스다..

‘ìžì‚´’ ì„ ê±°ê¾¸ë¡œ ì½ìœ¼ë©´ ‘ì‚´ìž’ ê°€ ë˜ê³ ,
‘ì—­ê²½’ ì„ ê±°ê¾¸ë¡œ ì½ìœ¼ë©´ ‘경력’ ì´ ë˜ê³ ,
‘ì¸ì—°’ ì„ ê±°ê¾¸ë¡œ ì½ìœ¼ë©´ ‘연츒 ì´ ë˜ê³ ,
‘ë‚´ 힘들다’ 를 거꾸로 ì½ìœ¼ë©´ ‘다들 힘내’ ê°€ ëœë‹¤.
ëª¨ë“ ê²ƒì€ ì–´ë–»ê²Œ ìƒê°í•˜ëŠëƒì— 달렸다
♬♬힘냅시다! ♬♬

2013ë…„ 4ì›” 22ì¼
by aduris
0 comments

ì›¹ë¡œì§ ìŠ¤ë ˆë“œ 순서

ì›¹ë¡œì§ ìŠ¤ë ˆë“œ 순서
Standby : 준비, Active : 실행, Hogging : 지연, Stuck : 정지(?)

Standby => Active => Standby : ì •ìƒì²˜ë¦¬
Standby => Active => Hogging => Standby : ì•½ê°„ì˜ ì§€ì—°ì²˜ë¦¬
Standby => Active => Hogging => Stuck => Standby : 왕창 지연ë으나 처리는 완료
Standby => Active => Hogging => Stuck : 처리가 안ë˜ê³  있는 ìƒíƒœ

Hogging 스레드 부터는 문제가 ë°œìƒí•  ìœ„í—˜ì´ ìžˆìŠµë‹ˆë‹¤. 

Hogging 스레드 ê°€ ë°œìƒì‹œ 웹로ì§ì—서는 경고를 í˜¸ì¶œí•˜ëŠ”ë° Hogging 스레드가

Stuck 쓰레드로 전환시 해당 관련 ë¡œì§ì€ í–‰. 즉 정지 ìƒíƒœê°€ ë˜ë²„린다. 

ì´ ìƒíƒœê°€ 오랜 시간 후 í˜¹ì€ ë°”ë¡œ 처리가 ë˜ë©´ ìƒê´€ì´ 없지만 지ì†ìœ¼ë¡œ Stuck ìƒíƒœê°€

ë  ê²½ìš° ê²°ë¡ ì ìœ¼ë¡œ 시스템ìƒì— 문제가 ë°œìƒ í•˜ê²Œ ëœë‹¤. 

그러므로 ë¡œì§ ì ê²€ì„ ê¼­ 해보길 ë°”ëžë‹ˆë‹¤. 그리고 스레드를 보는 ë°©ë²•ì€ ìŠ¤ë ˆë“œ ë¤í”„

를 ë– ì„œ jstack, 사무ë¼ì´ 등등 툴로 ë³´ë©´ 편하게 ë³¼ 수 있습니다.

2013ë…„ 4ì›” 22ì¼
by aduris
0 comments

êµ¬ê¸€ì˜ 10가지 ë””ìžì¸ ì›ì¹™ì„ 짧게 정리하면…

빠르고, 단순하면서 매력ì ì´ê³ , í˜ì‹ ì ì´ë©´ì„œ 보편ì ì´ê³ , 유ìµí•˜ë©´ì„œ 아름답고, 신뢰할 수 있는 ë””ìžì¸ì„ 창작

…ì´ë¼ëŠ” 메시지로 정리할 수 있습니다.
아래는 ì›ë¬¸ìž…니다.

——————————————————–

1. Focus on People
> ì‚¬ëžŒì„ í–¥í•©ë‹ˆë‹¤.
2. Every millisecond counts
> 천 ë¶„ì˜ ì¼ ì´ˆê¹Œì§€ 헤아립니다.
3. Simplicity id Powerful
> 단순한 ê²ƒì´ ë” ê°•ë ¥í•©ë‹ˆë‹¤.
4. Engage beginners and attract experts
> 초심ìžì—게는 ê²½í—˜ì„ ì£¼ê³  전문가를 매혹합니다.
5. Dare to innovate
> í˜ì‹ ì„ ë‘려워하지 않습니다.
6. Design for the world
> 모ë‘를 위한 설계를 합니다.
7. Plan for today’s and tomorrow’s business
> 사업 계íšì— ë„ì›€ì´ ë©ë‹ˆë‹¤.
8. Delight the eye without distracting the mind
> 주ì˜ë¥¼ 산란시키지 ì•Šê³  ëˆˆì„ ì¦ê²ê²Œ 합니다.
9. Be worthy of people’s trust
> 사람들ì—게 í™•ì‹ ì„ ì£¼ì–´ì•¼ 합니다.
10. Add a human touch
> ì¸ê°„미를 보탭니다.

Samsung Smart Grid 2012 – Making Films

2013ë…„ 4ì›” 17ì¼ by alexis | 0 comments

2013ë…„ 4ì›” 16ì¼
by shpark
0 comments

ì´ì•¼ê¸°ì™€ ëŠë‚Œì´ ì‚´ì•„ 숨쉬는..

별다방 스타벅스는 소설 ë°±ê²½ì— ë‚˜ì˜¤ëŠ” ì¼ë“±í•­í•´ì‚¬ ìŠ¤íƒ€ë²…ì˜ ì´ë¦„ì„ ë”°ì˜¨ê±°ì£ 

ìš°ë¦¬ë‚˜ë¼ ëŒ€ê¸°ì—… 롯ë°ëŠ” ê´´í…Œì˜ ì†Œì„¤ ì Šì€ ë² ë¥´í…Œë¥´ì˜ ìŠ¬í””ì˜ ì—¬ì£¼ì¸ê³µ ì´ë¦„입니다

우리를 둘러싸고 있어 날마다 만나는 모든 ê²ƒë“¤ì´ ì´ì•¼ê¸°ì™€ ëŠë‚Œì´ ì‚´ì•„ 숨쉬는 ì´ë¦„ì„ ê°€ì¡Œìœ¼ë©´ 합니다.

í•œêµ­ì¢…í•©ì˜ˆìˆ í•™êµ í™ìŠ¹ì°¬êµìˆ˜

우리 “ì´ë‹¤”ë„ ì´ì•¼ê¸°ì™€ ëŠë‚Œì´ 살아있는 ì´ë¦„ì´ ë˜ê¸¸ 소ë§í•©ë‹ˆë‹¤.

2013ë…„ 4ì›” 12ì¼
by gdkim
0 comments

ì¹œì ˆì„ ë² í‘¸ëŠ” 행위는 ê²°ì½” 밑지는 ë²•ì´ ì—†ë‹¤.

ì‚´ì•„ 보니까 ë‚´ê°€ 주는 친절과 ì‚¬ëž‘ì€ ë°‘ì§€ëŠ” ì ì´ 없다.
소중한 ì‚¬ëžŒì„ ë§Œë‚˜ëŠ” ê²ƒì€ 1ë¶„ì´ ê±¸ë¦¬ê³ 
그와 사귀는 ê²ƒì€ í•œ ì‹œê°„ì´ ê±¸ë¦¬ê³ 
그를 사랑하게 ë˜ëŠ” ê²ƒì€ í•˜ë£¨ê°€ 걸리지만,
그를 잊어버리는 ê²ƒì€ ì¼ìƒì´ 걸린다는 ë§ì´ 있다.
그러니 ë‚¨ì˜ ë§ˆìŒì†ì—
ì¢‹ì€ ê¸°ì–µìœ¼ë¡œ 남는 ê²ƒë§Œí¼ ë³´ìž¥ëœ íˆ¬ìžëŠ” 없다.
-장ì˜í¬, ‘살아온 기ì , ì‚´ì•„ê°ˆ 기ì â€™ì—ì„œ

 

“나ì´ê°€ ë“¤ì–´ê°ˆìˆ˜ë¡ ìž¬ëŠ¥ì„ ê°–ì¶˜ 사람 보다

친절한 ì‚¬ëžŒì„ ì¡´ê²½í•˜ê³  따르게 ë©ë‹ˆë‹¤.”

2013ë…„ 4ì›” 12ì¼
by gdkim
0 comments

위임할 수 있는 용기

리ë”ê°€ ì§ì ‘ ì¼ì„ 하면

ê·¸ ëˆ„êµ¬ë³´ë‹¤ë„ ë” ìž˜í•  수 ìžˆì„ ê²ƒìž…ë‹ˆë‹¤.

그러나 리ë”는 ì•„ëž«ì‚¬ëžŒì´ ìž˜ 못하는 줄 알면서ë„,

ê°€ë”ì€ ì‹¤íŒ¨í•  ê²ƒì„ ì•Œë©´ì„œë„ ì¼ì„ 맡길 줄 알아야 합니다.

그래야 본ì¸ì€ ë” í° ì „ëžµì  ì—…ë¬´ì— ì§‘ì¤‘í•  수 있고,

ì§ì›ë“¤ì„ 키워 줄 수 있기 때문입니다.

 

-ì¡°ì˜íƒ, 행복한 ê²½ì˜

2013ë…„ 4ì›” 10ì¼
by aduris
0 comments

HTML5 Front-End 별천지 세미나

모임정보

모임기간 : 5ì›” 4ì¼ (토) 13ì‹œ 00분 ~ 18ì‹œ 00분
등ë¡ê¸°ê°„ : 3ì›” 30ì¼ (토) 21ì‹œ 00분 ~ 5ì›” 3ì¼ (금) 18ì‹œ 30분
모임장소 : 서울시여성가족재단 아트홀봄
* ì´ ëª¨ì§‘ì¸ì› : 180명 | í˜„ìž¬ì°¸ì—¬ìž 93명 | 대기 97명

[세미나 제목]

  • “HTML5 Front-End 별천지 세미나 powered by SK플래닛”
    • HTML5 Front-End ì˜ í™”ë ¤í•˜ê³  신기한 ê¸°ìˆ ë“¤ì˜ ì„¸ìƒ(별천지)ì„ ì˜ë¯¸

[세미나 구성]

  • 주최 : 한국센차유저그룹 (sencha.or.kr , facebook.com/groups/korea.sencha)
  • ë©”ì¸ í›„ì› : SK플래닛
  • í›„ì› : 미래웹기술연구소

[ì¼ìž]

  • 2013ë…„ 5ì›” 4ì¼(토) 오후 1ì‹œ~6ì‹œ

[장소]

  • 서울시 여성가족 재단 – 아트홀 ë´„
  • 주소 : 서울 ë™ìž‘구 ëŒ€ë°©ë™ 345-1. (1호선 대방역 3번출구ì—ì„œ 1분)

[세미나 - Agendar]

  • ì˜¤í”„ë‹ : 30분
    • ì˜¤í”„ë‹ ë° í•œêµ­ì„¼ì°¨ìœ ì €ê·¸ë£¹ í™œë™ ë° í”„ë¡œì íŠ¸ 소개
  • 1êµì‹œ : 50분
    • 주제 : Sencha ë¡œ ë장내는 HTML5 Front-End 개발과 Architect
    • ë‚´ìš© : 모바ì¼ê³¼ ë°ìŠ¤í¬íƒ‘ì—ì„œ HTML5 Front-End ê°œë°œì´ ì‰¬ìš´ ìž‘ì—…ì´ ì•„ë‹ˆë‹¤. ì´ëŸ¬í•œ ì–´ë ¤ì›€ì„ Sencha ì†”ë£¨ì…˜ì„ í†µí•´ 풀어보고, Mobile/Desktop ê°œë°œì´ ê°€ëŠ¥í•œ Sencha Architect 를 통해 새로운 HTML5 Front-End 개발 ë°©ì•ˆì„ ì œì‹œ 한다.
    • ë°œí‘œìž : 김종광 수ì„연구ì›. 한국센차유저그룹 ìš´ì˜ìž
  • 2êµì‹œ : 50분
    • 주제 : Webkit 엔진 ë¶„ì„ ë° ê³ ì„±ëŠ¥ 웹 어플리케ì´ì…˜ 개발
    • ë‚´ìš© : 웹 어플리케ì´ì…˜ 최ì í™” ê´€ì ì—ì„œ 필수ì ìœ¼ë¡œ 알아야 할 WebKit ì—”ì§„ì˜ êµ¬ì¡°ë¥¼ 살펴보고, ì´ë¥¼ 기반으로 웹 어플리케ì´ì…˜ì˜ ì„±ëŠ¥ì„ ìµœì í™” 시 ì ìš© 가능한 ë°©ë²•ë“¤ì— ëŒ€í•´ì„œ 실무 ì ìš© 가능한 기술위주로 설명한다.
    • ë°œí‘œìž : ìž„ìƒì„ 매니저 (SK플래닛, 모바ì¼SW 개발1팀)
  • Coffee Break : 30분
  • 3êµì‹œ : 50분
    • 주제 : CSS3 애니메ì´ì…˜ìœ¼ë¡œ 구현하는 Front-End 별천지 세ìƒ
    • ë‚´ìš© : CSS3ì˜ ê¸°ëŠ¥ì€ ìž˜ 활용ë˜ì§€ 못하고 있는 ê²ƒì´ í˜„ì‹¤ì´ë‹¤. 강력한 CSS3 애니메ì´ì…˜ì„ 위해서는 HTML/CSS/JavaScript 3ë°•ìžë¥¼Â ëª¨ë‘ 능숙히 다뤄야 하기 때문ì´ë‹¤. CSS3 애니메ì´ì…˜ì— 대해 발표하며 Front-Endì˜Â  별천지 세ìƒì„ ë³´ì—¬ 줄 것ì´ë‹¤.
    • ë°œí‘œìž : 김양귀 선임연구ì›, (미래웹기술연구소 R&D팀)
  • 4êµì‹œ : 50분
    • 주제 : HTML5 is Ready : Fastbook 왜 빠른가? ê¸°ìˆ ì  ë¶„ì„
    • ë‚´ìš© :Â ë§ˆí¬ ì£¼ì»¤ë²„ê·¸ê°€ Facebook ì•±ì„ ë„¤ì´í‹°ë¸Œ 앱으로 변경하면서 HTML5ì„ ì„ íƒí–ˆë˜ ê²ƒì€ ì‹¤ìˆ˜ì˜€ë‹¤ê³  ì¸ì •í•œ ì‚¬ê±´ì´ ìžˆì—ˆë‹¤. ì´ì— 정면으로 반대하며 기술ì ì¸ 근거를 제시한 ì„¼ì°¨ì˜ Fastbookì— 대해서 알아보고, ì´ë¥¼ 분ì„하여 네ì´í‹°ë¸Œ ì•±ì— ë²„ê¸ˆê°€ëŠ”Â HTML5 ì•±ì„ ì œìž‘í•˜ê¸° 위한 ê¸°ìˆ ë“¤ì— ëŒ€í•´ 알아본다.
    • ë°œí‘œìž : 김준기 매니저 (SK플래닛, 모바ì¼SW 개발1팀)

 

 

출처 : http://onoffmix.com/event/13892

Proudly powered by WordPress | Theme: Yoko by Elmastudio

Top