흔히 많이 사용 하는 태그는



<html> 

<body>

<head>

<title>

<div>

<p>... 등등이있다.ㅣ


웹에서는 상대 경로 또는 절대 경로를 통해 파일에 접근 한다. 하지만 상대 경로의 경우는 때로는 설정이 꼬여 버리는 일이 빈번히 발생한다. 


즉 상대 경로는 base url 을 기준으로 접근 하게 되는데 ( 불리는 html 파일이 존재하는 폴더 ) 

이 base URL이 변하는 경우에는 설정이 꼬이게 된다. 

이경우 base url 을 바꿔 주는 태그가 <base> 태그다. 


사용법은 아래와 같다.



<head>
<base href="http://www.w3schools.com/images/" target="_blank" />
</head>

<body>
<img src="stickman.gif" />
<a href="http://www.w3schools.com">W3Schools</a>
</body>


<img> 태그의  stickman.gif 는 <base> 태그를 통해 바뀐 상대 경로로 이동 하게 된다. 







by kazikai kazikai 2012.09.23 11:40

함수를 정의 하는 방법에는 3가지 방법이 있다고 한다. 


1. function 명령으로 정의  ( 함수 선언식) 



function 함수명 ( 인수 1, 인수 2) { 

명령;

return 리턴값 

}




2. Function 생성자 경유로 정의 



 var 변수명 = new Function ( '인수1', '인수 2', 'return 함수 본체' );



3. 함수 리터럴 표현으로 정의  ( 함수 표현식) 


var kazikai=function 함수명 (인수1, 인수 2) {

명령;

return 리턴값

}


사실상 1번과 3번을 많이 사용 

1번과 3번의 차이는 

1번의 경우 는 함수를 직접 정의 하는것이며

3번은 익명 함수를 하나 만들어서 변수kazikai에 대입하는 방식을 사용 


2번의 경우는 인수1, 인수2 , 리턴 값들을 String  으로 표현 가능 

즉  var a= "인수 1, 인수2";

var b="return 함수 본체";

이런식으로 한다음 var kazikai=new Function ( a,b); 같이 선언이 가능 하다는 것 

하지만 

: 제 3자에 의해 임의의 스크립트가 자기 멋대로 실행 될수 있는 가능성

: 일반적인 코드를 실행하는 것보다 처리속도가 늦다. 


이 문제 때문에 가급적 사용을 피해야함.. ( eval() 함수도 동일 ) 



여기어 1번의 function  으로 정의 하는 방법과 3번의 리터럴 표현으로 정의 하는 방법이 있는데 


1번의 경우는 Browser의 JavaScript Interpreter 가  해당 function 들을 부모 함수의 스코프 영역에 등록 한다.   하지만 3번의 경우는 실행 할 경우 해당 함수가 선언 되기 때문에 호출 시점보다 선언 시점이 먼저 있다면 정의 되지 않은 함수가 된다. 
















by kazikai kazikai 2012.06.20 14:39

자바스크립트 내장형 객체 ( 그중 코어 한것만) 

: 코어 자바스크립트라고도 하며 모든  JavaScript 환경에서 이용 가능 

1. Date

2. RegExp

3. Error

4.Global

5.Object

6.Array

7.String

8.Boolean

9.Number

10.Function 

11.Math 


대부분의 내장형 객체는 리터럴 한 형태로 선언 

즉 


String 의 경우 

var str= new String("스트링");

인 형태로 선언 되기 보다는

var str="스트링";  

이런 형태로 선언  하는것이 조금 더 좋은 프로그래밍 패턴이다. 


자바스크립트 브라우저 객체 

: 브라우저 환경에서 이용 가능한 객체 로 다음이 있다. 

1. Window

2. Navigator

3. Location

4. Screen  


이외에도 DOM  객체와  Ajax  객체 등이 내장되어 있다. 




by kazikai kazikai 2012.06.15 15:42

ternary operation 은 언듯 보고 잘못사용하기 쉽다. 


a= b? b: c  


if ( b ){

a=b;

else {

a=c; 

}

가 맞는것이고 


모두  인자로는 experssion 이 들어가야 한다. 

expression 과 statement 의 차이는 세미콜론으로 주로 구분하는것 같다. 


http://en.wikipedia.org/wiki/Ternary_operation#C.2C_Java.2C_JavaScript

위 링크에 자세히 설명이 되어있으며


예제 코드는 다음과 같다. 

C, Java, JavaScript

A traditional if-else construct in CJava and JavaScript is written:[1]

if (a > b) {
    result = x;
} else {
    result = y;
}

This can be rewritten as the following ternary statement:

result = a > b ? x : y;

by kazikai kazikai 2012.05.30 21:15

Google 에서 작업 했으며


사용은 해보지 않았지만 



Chrome Frame
Dojo
Ext Core
jQuery
jQuery UI
MooTools
Prototype
script_aculo_us
SWFObject
WebFont Loader


위의 해당 라리브러리를 로딩 가능 함

사용법은 : google.load('jquery","1.7.1);  의 형태로 사용 가능


개발 문서는 다음과 같음.. 

https://developers.google.com/speed/libraries/devguide?hl=ko-KR




by kazikai kazikai 2012.05.29 11:40

http://dmitrysoshnikov.com/



Dmitry Soshnikov 라는 친구가   ECMS-263  에 대해 설명 해놓은  article 

시간날때 공부 하자 :) 

이 분은 현재 facebook에 취직이 되어있다고 한다 . 

by kazikai kazikai 2012.05.24 10:31
최근 들어 

소스 분석 툴이 필요하여 같은 연구소내에 있던

동료분에게 소개 밭은 Doxygen 이라는 툴

다운 받는 URL ( http://www.stack.nl/~dimitri/doxygen/download.html#latestsrc

여기서 윈도우 버전으로 다운 받은 후에  실행 하면 된다. 

특이 사항은 프로젝트 경로에는 한글 명이 없어야 실행 된다. 

자세한 사항은 설치해보고 사용해본 후에 리뷰 해야겠다.  
by kazikai kazikai 2011.11.28 13:51
최근 들어 Webkit 이 어떤것인지에 대한 조사를 많이 하게 되었다. 

물론 지금 하고 있는 일이   Web 에 관련된 일이기 때문에 그럴 수 밖에 없지만서도

모바일 , 그리고  인터넷 서비스 및 IT  관련 일을 하고 있는 Webkit 에 대해 모른다는 것은

트렌드 중 하나의 큰 흐름을 모르는 것과 같다고 할 수 있을 것 같다.

그래서 정리를 해보고자 정리를 해보았다.

1. Webkit 의 정의   

Webkit 은 공식 홈페이지 http://www.webkit.org/ 를 가지고 있다. 
홈페이지에 들어가게 되면 "The webkit  open source Project "   라고 되어있다. 즉 gstreamer 나 vlc 같은 오픈 소스로 이루어졌다는 말이다. ( 여기서 생뚱맞게 gstreamer 나 ffmpeg 이 뒤어나온것은 내가 대학원때 저 소스를 이용해 프로젝트를 진행 해봐서.. 그나마 친숙한 것들이 저런것들이기 때문이다. ) 

한마디로 다시 설명 하자면 webkit은 웹 브라우저 엔진이다. 즉 웹 브라우저가 구동하기 필요한 엔진이라는 말이다.
자동차에서 엔진이 가장 중추적인 역할을 하는 것과 같이 이 웹 브라우저 엔진은 웹에 있는 컨텐츠들을 읽어와서
분석 (흔히 자료를 찾아보면 이것을  Parsing  이라고 한다.) 그것을 Rendering  하는 모든 과정을 담당 한다고 보면 된다. 

2. Webkit  프로젝트에 involve 하는 방법

현재 공식 홈페이지에는 Webkit 에 접근 할수 있는 방법이 나와있다. 
그중  최근에 빌드된 버전 다운로드 / 개발자 툴 인스톨, 소스코드 체크 및 빌드  
기여 가능한 방법으로는 
- S/W 의 버그를 찾아냄
- 버그를 수정하여 제공
- 리뷰를 위한 패치 제출

으로 나와있다.  

http://trac.webkit.org/wiki

또한 위의 주소로 들어가게 되면 Webkit 의 위키 사이트가 정리 되어있다. 차근차근 정리 하면 도움 될듯 하다. 

3. Webkit 이 쓰이는 곳

이 Webkit 이 쓰이는 곳은 아주 많다. 
현재 모바일 브라우저의 대부분을 이 Webkit 엔진이 장악하고 있다. 
안드로이드/노키아 / iOS/Web OS/  등 대부분의 모바일 브라우저를 이 Webkit 이 장악하고 있다. 
또한  현재 크롬/ 사파리 등 구글과 애플이 주도하고 있는 데스크탑 브라우저에서도 이 Webkit  엔진을 사용 한다. 
즉 현재 이 Webkit 만 제대로 공부해도 향후 브라우저에 대한 지식은 엄청나게 쌓일듯 하다. 



by kazikai kazikai 2011.10.13 10:22
링크 


https://github.com/joyent/node/wiki/Installation
by kazikai kazikai 2011.07.06 15:58
왼쪽 영상 과 오른쪽 영상을 번갈아 보여주면서 

인간이 시각적으로 느끼게 해주는 3D영상

원래 스테레오 스코픽이라는 기술 자체가 

인간의 양안 시차를 이용 한 것인데 즉 왼쪽 오른쪽 눈으로 보는 듯한 착각을 불러오는 방식이라고 할수 있다. 

오래 보면 어지럽지만 그래도 3D란 이런 방식이구나!라는 것을 알수 있다. 


더보기


by kazikai kazikai 2010.06.21 14:06
| 1 2 |