반응형
블로그 이미지
개발자로서 현장에서 일하면서 새로 접하는 기술들이나 알게된 정보 등을 정리하기 위한 블로그입니다. 운 좋게 미국에서 큰 회사들의 프로젝트에서 컬설턴트로 일하고 있어서 새로운 기술들을 접할 기회가 많이 있습니다. 미국의 IT 프로젝트에서 사용되는 툴들에 대해 많은 분들과 정보를 공유하고 싶습니다.
솔웅

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

카테고리

Groundhog day - 봄을 예언하는 축제 -

2012. 2. 2. 23:35 | Posted by 솔웅


반응형
이 블로그 메뉴 중 Shelter(쉼터) 코너를 만들어 놨는데요.
마음에 드네요.

컴퓨터 프로그래머라고 해서 하루 종일 코딩만 생각하는 건 아니잖아요?

저도 스포츠도 좋아하고 정치적인 의견도 있고 관심있는 분야가 있고 새로운 걸 알게 되면 즐겁고...

오늘은 Groundhog day 입니다.
Groundhog은 다람쥐과의 동물로 땅에 굴을 파고 사는 동물이예요.


뉴저지 살면서 가끔 봤던것도 같은데요.(여러 동물들이 많이 살아서 정확히 groundhog인지는 모르겠어요. 가끔 스컹크도 봐요.)
여기 사람들은 이 groundhog을 친숙하게 여기나 봐요.


얘네들은 겨울에 땅속에서 겨울잠을 자는데요.
2월 2일인 오늘 땅속에서 나온데요.
2월 2일이면 공식적으로 겨울이 6주 더 남아 있는 시기랍니다.

이날 흐리면 봄이 더 일찍 온다는 속담이 있나봐요.
그래서 이 groundhog이 자기 그림자를 보면 6주간 겨울 날씨가 이어지고 이날 groundhog이 자기 그림자를 보지 못하면 봄이 일찍 온다고 합니다.

groundhog은 그래서 자기 그림자가 보이면 다시 땅속으로 들어가서 겨울잠을 더 잔대요. :)

옛날부터 봄을 기다리는 많은 사람들이 2월 2일이면 이 groundhog이 다시 땅속으로 들어가지 않고 나와서 돌아 다니기를 바랐을 겁니다.

오늘 아침 뉴스를 보니까 블름버그 뉴욕 시장이 이 groundhog을 들고 봄을 기원하는 멘트를 날리더라구요.


올해는 날씨가 흐리네요.
아마 봄이 일찍 올건가요?

사실 지금 한국은 아주 많이 춥다고 하는데 여기는 완전 따뜻해요.
완전 봄 날씨예요.
이상 고온이라고 하는데요. 좀 겨울 다운 겨울을 경험해 보고 싶을 정도예요.
작년에는 아주 춥고 눈도 무지 많이 왔었거든요.

남은 6주가 추울 것인가? 아니면 이제부터 봄이 될 것인가?
올해 우리 Groundhog의 예언은?


On Groundhog Day, Staten Island Chuck usually predicts whether there will be another six weeks of winter.

This year the question is: When will winter start?


Groundhog Day, 스테이튼 아일랜드의 Chuck은 항상 남은 겨울 6주간의 날씨를 예보해 왔다.
올해의 질문은 : 언제 겨울이 시작할까?


반응형

HTML5 CSS3 Flexible Box Model

2012. 2. 2. 21:08 | Posted by 솔웅


반응형
Let's study for webkit-box of CSS3.
You can change orientation of boxes below. just select 'horizontal' or 'vertical'  of webkit-box-orient in select menu . And you can change align of the boxes also.

오늘은 CSS3의 Flexible Box 와 관련해서 알아보겠습니다.
여기를 클릭하시면 이전에 정리해 뒀던 글도 보실 수있습니다.

** display:-webkit-inline-box;    // block가 아닌 inline box

** -webkit-box-orient : 정렬 ( box ) , 기본은 horizontal
block-axis Elements are oriented along the box's axis.
horizontal Elements are oriented horizontally.
inline-axis Elements are oriented along the inline axis.
vertical Elements are oriented vertically.

** -webkit-box-flex사용
  display:-webkit-box가 적용된 하위 노드들에
  box-flex를 이용해서 크기 설정가능. ( 비율 )

** -webkit-box-pack 사용  : 가로 정렬 처리.
  start|end|center|justify; 

** -webkit-box-align 사용  : 세로 정렬 처리.
  start|end|center|justify; 


CSS

Flexible Box Model

.box {
  display: -webkit-box;
  -webkit-box-orient: ;
}
.box .one, .box .two {
  -webkit-box-flex: 1;
}
.box .three {
  -webkit-box-flex: 3;
}
Box one
Box two
Box three
CSS

Flexible Box Model

.box {
    display: -webkit-box;
    -webkit-box-pack: ;
    -webkit-box-align: ;
  }

Google Chrome 16.0.912.75 m  - Working well (O)
Internet Explorer 9.0.8.112        - Not working (X)
Opera 11.60                            - Not working (X)
Safari 5.1.2                             - Working well (O)
FireFox 9.0.1                          - Working well (O) except -webkit-box-pack

이 기능은 익스플로어랑 오페라에서는 안 되네요.
그리고 fireFox에서는 webkit-box-pack 기능이 안 되구요.

You can download source code file below.



반응형

3D 관련 툴 블랜더(blender)

2012. 2. 1. 22:05 | Posted by 솔웅


반응형
HTML5로 게임만들기 공부하다 보니까 여러 툴을 먼저 접하게 되네요.

3D관련 무료 툴로 블랜더(blender)를 알게 됐습니다.
사실 이거 공부할 시간까지는 없는데...
너무 공부하고 싶기도 하고....

요즘 모바일 앱 게임 중 3D게임을 아주 재밌게 하고 있거든요.

앞으로 이런 멋있는 3D 게임을 만드는 날도 오겠죠?
이렇게 막연히 바랬던 일들을 계속 간직하고 있으면 결국엔 이뤄지더라구요. :)

블렌더 공식 홈페이지는 아래 링크를 따라 가면 됩니다.
http://www.blender.org/


Download 메뉴로 들어가면 보실 수 있습니다.
두가지 종류가 있는데요. 하나는 인스톨 버전이고 나머지 하나는 이클립스 처럼 패키지 버전입니다 (그냥 압축 풀어서 사용하면 됩니다.).

아래 링크로 가시면 한국어로 된 Tutorial 을 보실 수 있습니다.
http://wiki.blender.org/index.php/KO/Main_Page

사용자들이 자발적으로 번역하고 작성하는 위키피디아 백과사전처럼 운영되는것 같습니다.
여러분들이 한국어 튜토리얼을 열심히 번역해 주고 계신것 같습니다.


블랜더를 실행한 화면입니다.

사용법은 님이 유튜브에 동영상강좌를 올려주셔서 아주 쉽게 배울수 있습니다. (한국어예요).
http://www.youtube.com/watch?v=TEkmwrfCEzA&feature=related

아래 블렌더로 만든 3D 영화예요.
얼마전에 글 올린 불가리아의 두 친구들이 보면 아주 좋아하지 않을까 싶네요.




이 영화를 보니까 저도 3D 영화, 3D 게임을 모바일 앱으로 만들고 싶어집니다.

반응형