Script / CSS

G1sUtil.js

G1sBlogger.js

CSS

G1sNavigationList.js

Posts List


2011년 7월 30일 토요일

[HTML5] 'Expression Web4' 설치.

일단. Visual Studio 10 에서 작업을 할 것이긴 하지만...
혹시 모르니 Expression Web4도 설치해 봅니다.
뭐니뭐니해도... 이게 제대로 된 웹 제작툴이니...

다운로드

네.. 평가판이구요... 170메가 정도 되네요.

네.. 포멧한지 얼마 안된 상태라 .Net Framework 4까지 설치 하라네요.

네. 받았구요.

그냥.. 깔면 돼는군요.

.Net Framework 4 깔고. Expression Web4 깔고 나서...

http://gallery.expression.microsoft.com/en-us/Web4HTML5SchemaAddIn

요기서 ADD-IN을 다운 받으시구요.
다운 받아서 설치하시고. Explossion Web을 관리자 계정으로 킨후.
Add In을 설치 하시면.


이런 화면이 나오구요.. 여기서 Enable HTML 5를 눌러주시면.



이렇게 화면이 나오면 성공. 네..

다음으로 Tools - Page Editor Options에 드가셔서
[출처] HTML 5 - 0강 - 설치|작성자 린트



위와 같이 설정을 하면 된다는 군요. 

[Contents] 에델만 트윗레벨 & 블로그레벨(TweetLevel & BlogLevel)

와우. 이런 싸이트도 있군요.

소개 사이트 : http://edelmandigital.kr/423



전 세계의 블로그와 트위터에서 각각 영향력을 발휘하고 있는 블로그, 트위터를 찾아주는 홈페이지.
웹상에서 영향력을 행사하는 블로그,트위터를 찾을 수 있으며, 이를 이용하여 갖가지 PR에 응용할 수 있도록 되있습니다.


전체 등수뿐만이 아니라 각 주제에 대해서도 점수가 매겨지는걸 볼 수 있고요..



블로그레벨에서 이전에 사용하던 네이버 블로그를 검색해 보았습니다. ㅋ
네.. 아주 바닥을 기시는군요. ㅋㅋㅋ

앞으로 마케팅에 관심있으신 분들이 불티나게 드나드실 듯. ㅋ
무엇보다 무료라는 것.

음.. 그건글코 Load하는데 시간이 좀 걸리는.. (짐 우리집 인터넷 속도가 느려서 그럴수도..)
중간에 탐색 실패도 가끔 일어나고...
아무래도 전세계의 데이터를 가지고 하는것이라 데이터가 많아서 그런가?
그렇게 말하면 각 검색사이트들은 어쩌라는건지. ㅋ
음. 이 점은 개선할 필요가 있을 듯.
미리 각 수치들을 계산해서 서버에 저장해 놓고. 그 수치를 이용해 그래프만 그리게 하던가... 하면. 속도상으로 빨라질 듯 한데요.... (서버값이 좀 들겠지만요....)

한가지 더. 언어가 깨져서 나오는 것들이 자주 눈에 띕니다.
대부분이 한문인 것 같은데....
아직 순위로 올라온 블로그 중에 한글로 된 사이트를 찾아보지 못해서
한글이 깨지는지에 대해서는 확인을 못해봤지만
어쨌든. 전 세계를 대상으로 하는 만큼 이런 것들도 신경쓸 필요가 있을듯.

[HTML5] 'Visual Studio 10'에서 'CSS 3' 사용하기.

자~ VS2010에서 HTML5의 인텔리센스 기능을 이용하도록 한 거에서 나아가 
CSS도 역시 vs2010에서 사용할 수 있도록 설정해 봅시다~!!

역시 참고 블로그는 http://lifehack.kr/90112575470
그냥 따라하기만 하는데 레지스트리 추가에서 약간 애를 먹었습니다. ㅋ

먼저 아래 사이트에서 다운로드.


뭐 간단하게 설치를 하면...

위 블로그를 쓰신분은 css30.xml파일이
C:Program Files\(x86)Microsoft Visual Studio\10.0\Common7\Packages\C3schemas\CSS
에 깔린다고 하셨지만.

본인이 해본 결과 (일단 윈도 버젼부터 틀리군 ㅋ)
C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\1028\schemas\CSS
C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\1029\schemas\CSS
C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\1031\schemas\CSS
C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\1033\schemas\CSS
C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\1036\schemas\CSS
C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\1041\schemas\CSS
C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\1042\schemas\CSS
C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\1046\schemas\CSS
C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\1049\schemas\CSS
C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\1055\schemas\CSS
C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\2052\schemas\CSS
C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\3082\schemas\CSS
에 모두 깔린것을 확인 할 수 있었습니다.
아마 추후에 업데이트 되었거나. 아니면 윈도 버젼상에 차이였던 듯???

아무튼. 다음은 레지스트리 추가.

위 블로그를 쓰신분은 친절하게 어떤 레지스트리를 추가해야하는지 쳐주셨지만...
오른클릭 금지를 설정해 놓으신 덕분에. 직접 타이핑을 하는 수고를....

 Windows Registry Editor Version 5.00

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\VisualStudio\10.0\Packages\{A764E895-518D-11d2-9A8900C04F79EFC3}\Schema 5]
"File"="css30.xml"
"Friendly Name"="CSS 3.0"

자 이건데요.... 흠. 일일이 치기 귀찮고 하니.
첨부파일로 추가. CSS_3.0.reg
자 더블클릭으로 레지스트리를 추가하고 나면 VS2010을 실행.

css파일을 만든후 도구바에서 CSS 3.0을 지정해서 사용 할 수 있습니다.

[HTML5] 'Visual Studio 10'에서 'HTML5' 사용하기.

HTML5 공부를 시작하는데 앞서
뭐 다른 프로그램도 있겠지만 익숙한 Visual Studio를 사용하기 위해
VS2010에서 HTML5를 사용하는 방법을 찾아봤습니다.


먼저 VS2010의 [도구]->[옵션] 으로 드가보면.



[옵션] 탭에서 [Text Editor]-[HTML]-[Validation]으로 들어가 Target를 클릭. 





위와같이 HTML5를 클릭하고 OK를 클릭하면 완료.  인데요...
여기서 잠깐. Target를 아무리 찾아봐도 HTML5가 없다면?(나처럼.)

http://visualstudiogallery.msdn.microsoft.com/d771cbc8-d60a-40b0-a1d8-f19fc393127d/
을 설치해서 해봅니다.. 저 방법도 안된다면.
네... 저는 저 방법이 나온 링크를 못보고 그냥 지나쳤고요... 밑에 방법으로 했습니다.
그 방법은
http://www.raihaniqbal.net/blog/2010/08/html5-support-in-visual-studio-2010/ 에!!
음 영어네요. ㅋ 뭐 간단히 정리해서보면

1. this archive를 다운로드하여 압축을 푼후.
2. html_5.xsd 파일을
     C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\schemas\html
      로 이동시킨 후.(위 경로는 사람마다 다를 수 있습니다.)




3. 자신의 VS버전에 맞는 레지스트리를 실행시키시면 됩니다. ㅋ 뭐 저 글을 쓰신분은 (VS - 2010 - x64.reg)라는데... 전 그냥 4개 다 실행시켜버린. ㅋ
4. 이제 맨처음 설명했던데로 vs2010을 키고 다시 [option]에서 [Text Editor]-[HTML]-[Validation]으로 들어가면 Target에 HTML5가 나올것입니다~~~ ㅋ

[XNA] 게임 - 버터플라이(Butter Fly) - (2010.01 학기. 멀티미디어. Term Project)


주제 : 나비효과 - 사소한 잘못으로 일어난 재앙.

소재 : 나비효과, 버터, 정령.

나비효과 : 
기상관측한 데이터를 통해 처음 이야기된 효과로, 어떤 일이 시작될 때 있었던 아주 작은 양의 차이가 결과에서는 매우 큰 차이를 만들 수 있다는 이론이다. 이 개념은 후에 카오스 이론의 토대가 되었다.
브라질에 있는 나비의 날갯짓이 미국 텍사스에 토네이도를 발생시킬 수도 있다는 과학이론.

스토리.
 평화로운 어느날 하늘을 날던 나비가 잠시 식탁위 노란색 물체에 내려앉는다.
때마침. 그 모습을 본 사람은 잔뜩 화가나서 나비를 쫒아낸다.
나비가 앉았던 물체는 다름 아닌 그가 먹을려고 꺼내놓은 버터였던것.
나비가 앉았던 것이라 먹을 의욕이 떨어진 그는 홧김에 버터를 버리기로 결심한다.




<<게임시작.>>
Player는 힘과 각도를 조절해 버터를 던진다.


날아간 버터는 평화롭게 공중에 떠 있던 정령들과 부딫혀가며 비행을 계속하고.


마른하늘에 날벼락 맞듯 버터에의해 화가난 정령들은 버터가 떨어진 후 그 지역에 재앙을 내리게 된다.


재미요소 : 나비의 Butterfly와 버터를 던지는 Butter Fly. 영어의 유사성을 이용 나비효과를 교묘하게 패러디해서 실제 일어날 수 없는 재앙을 일으켜 역설적 과장을 희극적으로 묘사.

제작 : 이정구, 홍지원, 신동준, 박형석 (세종대 컴퓨터공학부)

고잉메리호-만화 원피스(3D Max - 09.06.21)



09년 1학기 디지털디자인의 기말고사 과제로 제출했던 디자인

만화 원피스의 고잉메리호를 모델으로해서
3DMax를 이용해 자체 제작한 그래픽.

배경은 인터넷에서 다운받은 그림을 이용

내가 만든 고잉메리호를 빈 공간에 배치하였다.


2011년 7월 26일 화요일

google 블로그 개설.

네이버 블로그를 사용 하던 중.

네이버 블로그가 사용하기에는 편하지만 사용하는데 제약사항이 너무 많다는 것을 깨닫고 있던 중...

Google+를 시작하면서 같은 Google에서 제공하는 구글 blogspot 으로 이사오기로 결심을 하였습니다.

확실히 blogspot이 사용하기가 조금 힘들긴 ㅎ 네이버 블로그에 비해 자유롭군요.

html, javascript, css 만 알면 이것저것 뜯어 고칠 수 있을 듯....

단지 적응하는데 다소 시간이 걸릴수 있겠네요.

2011년 7월 14일 목요일

구글 플러스 가입 성공!!!

초대장을 원하시는 분이 몇분 계시네요.
혹시라도 초대장 원하시는 분 계시면...

google plus 초대장 받기

링크를 클릭하시면 150명까지 자동 초대가 될겁니다.
그럼... Google plus에서 뵈요~ ^^
=====================================================================================

와~ 드뎌 고대하던 구글+ 에 가입하는데 성공~
광파리님 감사합니다 ㅜㅜ


메인화면이다. ㅎ
심플하다. ㅋ 뭐.. 다 그렇지.
우리나라 홈페이지야 이것저것 잡다하게 꾸미고, 광고 붙여넣고 하지만.
대체로 외국 홈페이지는 심플한듯? 속도땀에 그러나? ㅋ

스트림은 게시글을 올리는 공간. 각 써클별로 정리가 되있다. ㅋ
다음 스파크는 관심사를 선정하여 구글검색엔진이 해당 게시글을 인터넷에서 찾아 주는 써비스.

가운데는 구글+의 기능과 프로필작성, 서클추가로 이동가능한 링크.

우측으로는 모든 써클 소속 회원과 화상채팅인 수다방에 관한사항.. 뭐 나머지 생략 ㅋ


프로필이다. ㅋ 대충 저렇다.
많은 정보가 필요한게 아니라

이름
써클을 모으는데 필요한 경력(회사경력 등), 학력
전화번호,
관심사,
성별

등 만 설정하면 끝. 단순하고 좋군.

프로필을 올리는 것은.... 그렇다.
나를 좀 팔로우 해달라는 것!!!
외로운.... ㅜㅜ


서클... 상당히 직관적이다.
팔로잉한 회원들을 각각의 서클에 집어넣고, 빼는 걸로 서클이동이 가능.
관리하기도 쉽고 재미있는 듯.



스트림을 사용해보면.
위와같이 스트림에 내용을 입력하고,
이 스트림을 공개하고자 하는 서클을 손쉽게 선정할 수 있다.

위에 친구부터 나까지는 내가 지정한 서클들이고.
밑에 내서클,공개,확장서클은 각각
내서클이 위에 내가 지정한 서클의 멤버 모두에게 보여지는 글.
확장서클이 내 서클의 멤버를 포함하여 내 서클의 멤버가 서클로 추가한 멤버까지 즉 한다리를 건너뛴 서클까지의 멤버에게 글이 공개된다.
마지막 공개야 뭐 전체 공개고...

당연히 1개만 선택하는 것이 아닌 복수 선택이 가능하다.
바꾸기 귀찮타면 이전에 설정된 것이 저장되있어 그냥 내용만 입력하면 된다.



스파크.
추천 분야에서 선택해도 돼고 위에 관심분야를 직접 입력해도 되는...

일단은 앱,어플,Android에 관해서만 스파크를 해놓았다.
추후 더 추가할 예정.

스파크 내용을 보는 것은 좌측 스파크 중에서 보고싶은 내용을 선택하면 된다.


뭐. 여기까지... 괘안쿤. 남은 것은 서클멤버추가뿐 +_+...