javascript – SEO Korea https://seokorea.net SEOKorea.net 은 한국인을 위한 SEO 정보와 인터넷 사업정보, 그리고 인터넷 광고 정보와 해외 우수 Merchant를 한국의 윤리적 Publisher들에게 제공해 여러분에게 수익과 유쾌한 인생을 제공합니다. Sat, 07 Nov 2015 19:14:05 +0000 ko-KR hourly 1 https://wordpress.org/?v=6.6.4 왕초보 JavaScript 강좌 4 Object 에 method 추가하기 https://seokorea.net/%ec%99%95%ec%b4%88%eb%b3%b4-javascript-%ea%b0%95%ec%a2%8c-4-object-%ec%97%90-method-%ec%b6%94%ea%b0%80%ed%95%98%ea%b8%b0-3/ https://seokorea.net/%ec%99%95%ec%b4%88%eb%b3%b4-javascript-%ea%b0%95%ec%a2%8c-4-object-%ec%97%90-method-%ec%b6%94%ea%b0%80%ed%95%98%ea%b8%b0-3/#respond Sat, 07 Nov 2015 19:12:47 +0000 http://seokorea.net/?p=1781

 

객체에 메소드를 추가하는것을 살펴 봅니다.

먼저 다음과 같이 객체를 만듭니다.
이때 라는 메소드가 만들어 집니다.

[javascript]
function dog(name, age) {
this.name = name;
this.age = age;
this.humanrealAge = humanYear;
}

[/javascript]

이때 this.humanrealAge = humanYear 에서 humanYear 에 () 는 없습니다.

humanrealAge 라는 메소드의 내용은 다음과 같이 함수로 정의 됩니다.
return 을 이용해 humanAge의 값을 humanYear 에 전달해 줍니다.

[javascript]
function humanYear() {
var humanAge = this.age * 7;
return humanAge;
}
[/javascript]

그리고 객체 dog 의 속성값은 다음과 같이 넣어주며 amy 와 tom 이라는 객체가 생성됩니다.

[javascript]
var amy = new dog("amy kim", 7);
var tom = new dog("tom lee", 3);
[/javascript]

다음은 강좌의 예제입니다.

 

강아지 나이를 사람나이로 계산하는 자바스크립트입니다.

Constructor  함수 를 이용해서 object의 청사진을 만들고 humanYear라는 method를 만들어
강아지의 나이에 7을 곱하면 사람나이로 계산되도록 합니다.

 

 

[javascript]
<script>
function dog(name, age) {
this.name = name;
this.age = age;
this.humanRealAge = humanYear;
}

function humanYear() {
var humanAge = this.age * 7;
return humanAge;
}

var amy = new dog("amy kim", 7);
var tom = new dog("tom lee", 3);
document.write(amy.humanRealAge());</pre>

</script>
[/javascript]

]]> https://seokorea.net/%ec%99%95%ec%b4%88%eb%b3%b4-javascript-%ea%b0%95%ec%a2%8c-4-object-%ec%97%90-method-%ec%b6%94%ea%b0%80%ed%95%98%ea%b8%b0-3/feed/ 0 왕초보를 위한 JavaScript 강좌 3 Object 를 만드는 초 간단 방법 https://seokorea.net/%ec%99%95%ec%b4%88%eb%b3%b4%eb%a5%bc-%ec%9c%84%ed%95%9c-javascript-%ea%b0%95%ec%a2%8c-3-object-%eb%a5%bc-%eb%a7%8c%eb%93%9c%eb%8a%94-%ec%b4%88-%ea%b0%84%eb%8b%a8-%eb%b0%a9%eb%b2%95/ https://seokorea.net/%ec%99%95%ec%b4%88%eb%b3%b4%eb%a5%bc-%ec%9c%84%ed%95%9c-javascript-%ea%b0%95%ec%a2%8c-3-object-%eb%a5%bc-%eb%a7%8c%eb%93%9c%eb%8a%94-%ec%b4%88-%ea%b0%84%eb%8b%a8-%eb%b0%a9%eb%b2%95/#respond Sat, 07 Nov 2015 19:03:05 +0000 http://seokorea.net/?p=1777

아주 간단한 방법으로 객체를 만들어 보도록 합니다.

새로운 객체를 정의 하기 위해 var, new 사용할 필요 없이
그냥 다음과 같은 형식으로 지정해 주시면 됩니다.

객체 이름 = {속성:속성값, 속성:속성값}

다음은 그 예입니다.
[php]
amy = {name:"amy kim", age:7 };

tom = {name:"tom lee", age:3 };
[/php]

객체 이름 다음에 속성들을 콤마로 나누면 됩니다. 그리고 그 속성은 콜론(:) 마크로
속성: 속성값 형태로 표현하면 됩니다.

이렇게 정의한 객체를 프린트 아웃하는 예 입니다.

[php]

document.write(amy.name + " " + tom.age)
[/php]

]]> https://seokorea.net/%ec%99%95%ec%b4%88%eb%b3%b4%eb%a5%bc-%ec%9c%84%ed%95%9c-javascript-%ea%b0%95%ec%a2%8c-3-object-%eb%a5%bc-%eb%a7%8c%eb%93%9c%eb%8a%94-%ec%b4%88-%ea%b0%84%eb%8b%a8-%eb%b0%a9%eb%b2%95/feed/ 0 왕초보를 위한 JavaScript 강좌 2 객체 (Object) 만들기와 .this 키워드 https://seokorea.net/%ec%99%95%ec%b4%88%eb%b3%b4%eb%a5%bc-%ec%9c%84%ed%95%9c-javascript-%ea%b0%95%ec%a2%8c-2-%ea%b0%9d%ec%b2%b4-object-%eb%a7%8c%eb%93%a4%ea%b8%b0%ec%99%80-this-%ed%82%a4%ec%9b%8c%eb%93%9c/ https://seokorea.net/%ec%99%95%ec%b4%88%eb%b3%b4%eb%a5%bc-%ec%9c%84%ed%95%9c-javascript-%ea%b0%95%ec%a2%8c-2-%ea%b0%9d%ec%b2%b4-object-%eb%a7%8c%eb%93%a4%ea%b8%b0%ec%99%80-this-%ed%82%a4%ec%9b%8c%eb%93%9c/#respond Sat, 07 Nov 2015 18:49:37 +0000 http://seokorea.net/?p=1770

프라퍼티와 메소드를 가진 옵젝트를 만들어 봅니다.
여기서는 Constructor function 으로 옵젝트를 만듭니다.

작성은 그냥 함수처럼 작성을 해 줍니다.

dog 라는 옵젝트를 만듭니다.
모든 개와 관련된 속성으로 일반적인 것 인 name과 age 속성을 주었습니다.

[php]
function dog(name, age) {

this.name = name;
this.age = age;
}
[/php]

이것은 일종의 설계도 처럼 역활을 하며 이제 여기에 변수 값을 주기 위해
인스턴트를 만들어야 합니다.

new 라는 키워드로 새로운 객체를 만듭니다.

[php]

var amy = new dog("amy kim", 7);
var tom = new dog("tom", 5);

[/php]

이런식으로 두개의 객체를 만들었습니다.

그리고 이것을 프린트 아웃 합니다.

[php]

document.write(amy.name);
document.write(tom.age);

[/php]

]]> https://seokorea.net/%ec%99%95%ec%b4%88%eb%b3%b4%eb%a5%bc-%ec%9c%84%ed%95%9c-javascript-%ea%b0%95%ec%a2%8c-2-%ea%b0%9d%ec%b2%b4-object-%eb%a7%8c%eb%93%a4%ea%b8%b0%ec%99%80-this-%ed%82%a4%ec%9b%8c%eb%93%9c/feed/ 0 왕초보를 위한 JavaScript 강좌 1 객체(Object) https://seokorea.net/%ec%99%95%ec%b4%88%eb%b3%b4%eb%a5%bc-%ec%9c%84%ed%95%9c-javascript-%ea%b0%95%ec%a2%8c-1-%ea%b0%9d%ec%b2%b4object/ https://seokorea.net/%ec%99%95%ec%b4%88%eb%b3%b4%eb%a5%bc-%ec%9c%84%ed%95%9c-javascript-%ea%b0%95%ec%a2%8c-1-%ea%b0%9d%ec%b2%b4object/#respond Sat, 07 Nov 2015 18:44:07 +0000 http://seokorea.net/?p=1769

객체(Object) 란? 속성과 메소드를 가진 프로그램 단위입니다.

]]> https://seokorea.net/%ec%99%95%ec%b4%88%eb%b3%b4%eb%a5%bc-%ec%9c%84%ed%95%9c-javascript-%ea%b0%95%ec%a2%8c-1-%ea%b0%9d%ec%b2%b4object/feed/ 0 SEO를 위한 웹페이지 다이어트 플랜 https://seokorea.net/seo%eb%a5%bc-%ec%9c%84%ed%95%9c-%ec%9b%b9%ed%8e%98%ec%9d%b4%ec%a7%80-%eb%8b%a4%ec%9d%b4%ec%96%b4%ed%8a%b8-%ed%94%8c%eb%9e%9c/ https://seokorea.net/seo%eb%a5%bc-%ec%9c%84%ed%95%9c-%ec%9b%b9%ed%8e%98%ec%9d%b4%ec%a7%80-%eb%8b%a4%ec%9d%b4%ec%96%b4%ed%8a%b8-%ed%94%8c%eb%9e%9c/#respond Thu, 28 Jun 2007 20:50:14 +0000 http://seokorea.net/?p=78 웹페이지에 점점 다양한 기술들이 추가되고 있습니다.
그 결과 여러기능들과 아름다운 외관을 갖춘 웹사이트들을 구현할수 있지만
문제는 검색엔진 순위를 높이는데는 방해가 됩니다.
검색엔진은  HTML 구조 외에는 인식하지 못합니다. 그리고 그외의 기술은 랭킹을
떨어뜨리게 됩니다. 특히 JavaScript의 많은 사용은 문제가 되고요.

이 부분의 해결을 위한 가이드입니다. <head> 태그 부분에 가장 JavaScript 가 많이 위치해있을겁니다.
여러분 사이트의 특정기능을 위한 이 부분의 자바스크립트는 여러분의 랭킹을 떨어뜨립니다.
그러나 여기 해결책이 있습니다.
– 그냥 제거하면 됩니다.

제거하되 그 기능을 유지하는 두가지 방법입니다.

1. <script language=”javascript”>  </script> 부분을 선택해서, 복사해 메모장등의 에디터에 붙여 넣으신후 이것을 ‘scripts.js’ 형태로 저장하세요. 즉 외부 파일로 하는겁니다.
그리고는 기존 웹페이지에 이 외부파일을 다음과 같은 형태로 불러들이세요.

<script language=”javascript” src=”scripts.js” type=”text/javascript”></script>

이를 통해 외부의 scripts.js 가 실행되어, 여러분의 웹페이지 자체에 무겁게 들어있는
자바스크립트를 통한 사이트 순위의 하락을 방지합니다.

2. 외부 자바스크립트 파일 (scripts.js) 을 웹사이트에 올리신후 다음의
간단한 코드로 모두 바꾸세요.

<script language=”javascript” src=”scripts.js” type=”text/javascript”><

/script>

만약 여러분이 두개의 자바스크립트 셋을 실행시키시려면 그냥 다음과 같은식으로
<head> tag에 넣으시면 됩니다.

<script language=”javascript” src=”scripts1.js”></script>
    <script language=”javascript” src=”scripts2.js”></script>

3. 그외 더 많은 다이어트 플랜

그외 CSS (Cascading Style Sheets) 나 SSI (Server Side Includes)를 이용하셔서
여러분 웹페이지에 가급적 HTML외의 것을 최소화 하시기 바랍니다.

CSS 도 JavaScript 처럼 외부 파일로 두고 불러들일수 있고 SSI도 logo나 footer 나  navigation 같은 일정 구조를 외부파일로 두고 불러들여 다이어트할수 있게 합니다.

이를 통해 로고나, 하단이나 메뉴네비게이션 같은 것의 수정역시 한번에 할수
있는 편의점도 있고요.

 CSS 관련 다음 문서를 참고하세요.
. http://htmlgoodies.earthweb.com/beyond/css.html
. http://www.websitetips.com/css/index.shtml
. http://www.w3schools.com/css

/default.asp

 SSI 관련 해선 다음을 참고하시고요.
. http://www.websitetips.com/ssi/index.html
. http://www.smartwebby.com/web_site_design/server_side_includes.asp

PHP 나  ASP 를 이용하신다면 include 사용을 다음을 통해 공부하세요;
. http://www.outfront.net/tutorials_02/getting_started/includes2.htm
. http://www.hardcoder.com/scripting/php/include_files.php

]]> https://seokorea.net/seo%eb%a5%bc-%ec%9c%84%ed%95%9c-%ec%9b%b9%ed%8e%98%ec%9d%b4%ec%a7%80-%eb%8b%a4%ec%9d%b4%ec%96%b4%ed%8a%b8-%ed%94%8c%eb%9e%9c/feed/ 0